/* Mertek Çatı — 2016 kiremit kırmızısı, arduvaz mavisi, baca tuğlası, beşik çatı */
:root {
  --ct-kiremit: #b5462b;
  --ct-kiremit-koyu: #82301a;
  --ct-kiremit-acik: #d2694a;
  --ct-arduvaz: #34495e;
  --ct-arduvaz-koyu: #22313f;
  --ct-harc: #f5efe4;
  --ct-gok: #e7edf1;
  --ct-yazi: #2a2724;
  --ct-cizgi: #d9d0c2;
  --ct-baslik: "Segoe UI Black", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --ct-govde: Verdana, Geneva, "DejaVu Sans", sans-serif;
  --ct-pul: radial-gradient(circle at 50% 100%, transparent 0 9px, rgba(60, 16, 4, 0.35) 9px 11px, transparent 11px) 0 0 / 22px 11px, radial-gradient(circle at 50% 100%, transparent 0 9px, rgba(60, 16, 4, 0.35) 9px 11px, transparent 11px) 11px 5.5px / 22px 11px;
  --ct-sacak: radial-gradient(circle at 50% 0, var(--ct-kiremit) 0 11px, var(--ct-kiremit-koyu) 11px 13px, transparent 13px) 0 0 / 26px 16px repeat-x;
  --ct-tugla: linear-gradient(0deg, #e2cfb3 2px, transparent 2px) 0 0 / 20px 10px, linear-gradient(90deg, #e2cfb3 2px, transparent 2px) 0 0 / 20px 10px, #9c4a32;
}

body.ct-body { margin: 0; background: var(--ct-gok); background-image: linear-gradient(180deg, #dfe8ee 0, var(--ct-gok) 420px); color: var(--ct-yazi); font-family: var(--ct-govde); font-size: 15px; line-height: 1.75; }
.ct-body h1, .ct-body h2, .ct-body h3, .ct-body h4 { font-family: var(--ct-baslik); font-weight: 900; color: var(--ct-arduvaz-koyu); }
a { color: var(--ct-kiremit-koyu); text-decoration: none; }
a:hover { color: var(--ct-arduvaz-koyu); text-decoration: underline; }
.ct-ic { max-width: 1170px; margin: 0 auto; padding: 0 16px; }
.ct-ikon { color: var(--ct-kiremit); }

/* Üst bar */
.ct-ustbar { background: var(--ct-arduvaz-koyu); color: #cfd8df; font-size: 12.5px; }
.ct-ustbar .ct-ic { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; padding-top: 6px; padding-bottom: 6px; }
.ct-ustbar .fa { color: var(--ct-kiremit-acik); margin-right: 5px; }
.ct-ustbar a { color: #fff; }

/* Başlık: ev logosu, kiremit telefon */
.ct-header { background: var(--ct-harc); border-bottom: 1px solid #e6dccb; }
.ct-header .ct-ic { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; padding-top: 16px; padding-bottom: 12px; }
.ct-logo { display: flex; align-items: center; gap: 14px; color: var(--ct-arduvaz-koyu) !important; text-decoration: none !important; }
.ct-ev-logo { position: relative; display: block; width: 60px; height: 56px; }
.ct-ev-baca { position: absolute; right: 10px; top: 2px; width: 9px; height: 18px; background: var(--ct-tugla); }
.ct-ev-cati { position: absolute; left: 0; right: 0; top: 4px; height: 28px; background: var(--ct-pul), var(--ct-kiremit); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.ct-ev-duvar { position: absolute; left: 9px; right: 9px; top: 32px; bottom: 0; background: var(--ct-arduvaz); }
.ct-ev-duvar::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 12px; height: 15px; margin-left: -6px; border-radius: 6px 6px 0 0; background: var(--ct-harc); }
.ct-logo-yazi { display: flex; flex-direction: column; font-family: var(--ct-baslik); font-size: 31px; font-weight: 900; line-height: 1; letter-spacing: 1px; }
.ct-logo-yazi small { margin-top: 6px; font: italic 400 13px var(--ct-govde); letter-spacing: 1px; color: var(--ct-kiremit-koyu); }
.ct-tel { display: flex; align-items: stretch; min-width: 280px; background: var(--ct-kiremit); border-radius: 0 0 26px 26px / 0 0 14px 14px; box-shadow: 0 5px 0 var(--ct-kiremit-koyu), 0 10px 18px rgba(0, 0, 0, 0.18); text-decoration: none !important; overflow: hidden; }
.ct-tel-ikon { display: flex; align-items: center; justify-content: center; width: 58px; background: var(--ct-arduvaz-koyu); color: #fff; font-size: 24px; }
.ct-tel-yazi { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 8px 20px; line-height: 1.1; background: var(--ct-pul), var(--ct-kiremit); }
.ct-tel-yazi small { font: 700 11px var(--ct-govde); letter-spacing: 3px; color: #ffe3d6; }
.ct-tel-yazi b { font: 900 28px var(--ct-baslik); color: #fff; letter-spacing: 1px; text-shadow: 0 2px 0 var(--ct-kiremit-koyu); }
.ct-tel:hover .ct-tel-yazi { background: var(--ct-pul), var(--ct-kiremit-acik); }
@media (max-width: 600px) {
  .ct-logo-yazi { font-size: 25px; }
  .ct-tel { min-width: 0; width: 100%; }
  .ct-tel-yazi b { font-size: 24px; }
}

/* Saçak kiremit şeridi */
.ct-kiremit-serit { height: 16px; background: var(--ct-sacak), var(--ct-arduvaz); }

/* Menü */
.ct-nav { background: var(--ct-arduvaz); }
.ct-nav .ct-ic { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding-top: 4px; padding-bottom: 6px; }
.ct-nav a { display: inline-block; padding: 8px 14px; color: #fff !important; font-family: var(--ct-baslik); font-size: 14px; font-weight: 900; letter-spacing: 0.8px; text-decoration: none !important; border-radius: 16px 16px 0 0; }
.ct-nav a:hover { background: var(--ct-kiremit); }
.ct-nav a .fa { font-size: 17px; }
@media (max-width: 600px) { .ct-nav .ct-ic { gap: 0; } .ct-nav a { padding: 6px 8px; font-size: 12px; letter-spacing: 0; } }

/* Düzen: yan menü sağda */
.ct-sayfa { max-width: 1170px; margin: 28px auto 0; padding: 0 16px; }
.ct-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 312px; grid-template-areas: "icerik yan"; gap: 26px; align-items: start; }
.ct-icerik { grid-area: icerik; min-width: 0; }
.ct-yan { grid-area: yan; min-width: 0; }
@media (max-width: 992px) { .ct-duzen { grid-template-columns: minmax(0, 1fr); grid-template-areas: "icerik" "yan"; } }

/* Panel: üstte saçak */
.ct-panel { position: relative; background: #fff; border: 1px solid var(--ct-cizgi); border-radius: 0 0 6px 6px; box-shadow: 0 4px 14px rgba(34, 49, 63, 0.08); margin-bottom: 26px; overflow: hidden; }
.ct-panel::before { content: ""; display: block; height: 16px; background: var(--ct-sacak), var(--ct-harc); border-top: 4px solid var(--ct-kiremit-koyu); }
.ct-bolum { padding: 0 24px 20px; }
.ct-bolum::before { margin: 0 -24px 16px; }
@media (max-width: 600px) { .ct-bolum { padding: 0 15px 16px; } .ct-bolum::before { margin: 0 -15px 12px; } }
.ct-bolum p { margin: 12px 0; }
.ct-bolum h3 { margin: 22px 0 10px; font-size: 19px; }

/* H1: alınlık (beşik çatı) */
.ct-alinlik { margin: 4px 0 16px; }
.ct-alinlik-cati { display: block; height: 44px; margin: 0 8%; background: var(--ct-pul), var(--ct-kiremit); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.ct-alinlik h1 { margin: 0; padding: 18px 20px 20px; background: var(--ct-arduvaz-koyu); color: #fff !important; font-size: 26px; line-height: 1.3; letter-spacing: 0.5px; text-align: center; border-bottom: 6px solid var(--ct-kiremit); }
@media (max-width: 600px) { .ct-alinlik-cati { height: 30px; margin: 0 4%; } .ct-alinlik h1 { padding: 14px 10px 16px; font-size: 20px; } }
.ct-h1-aciklama { font-size: 15.5px; }

/* H2: kiremit sırtlı */
.ct-baslik2 { position: relative; margin: 2px 0 16px; padding: 4px 0 10px 46px; font-size: 20px; line-height: 1.35; border-bottom: 2px dashed var(--ct-cizgi); }
.ct-baslik2::before { content: ""; position: absolute; left: 0; top: 4px; width: 34px; height: 26px; background: var(--ct-kiremit); clip-path: polygon(50% 0, 100% 55%, 84% 55%, 84% 100%, 16% 100%, 16% 55%, 0 55%); }

/* Görsel çerçevesi */
.ct-cerceve { display: block; box-sizing: border-box; margin: 18px 0; padding: 6px; background: var(--ct-harc); border: 1px solid var(--ct-cizgi); border-bottom: 6px solid var(--ct-kiremit); border-radius: 4px; }
.ct-yan .ct-cerceve { margin: 16px 0; }

/* Damla listesi */
.ct-damla-liste { list-style: none; margin: 10px 0; padding: 0; }
.ct-damla-liste li { position: relative; padding: 6px 0 6px 28px; border-bottom: 1px dotted #d9d0c2; }
.ct-damla-liste li::before { content: "\f043"; position: absolute; left: 4px; top: 6px; width: 16px; font: 15px/1.75 FontAwesome; color: var(--ct-arduvaz); text-align: center; }

/* Çağrı: kiremit zeminli */
.ct-cta { margin: 20px 0; border-radius: 6px; background: var(--ct-pul), var(--ct-kiremit); box-shadow: 0 5px 0 var(--ct-kiremit-koyu); }
.ct-cta p { margin: 0 !important; padding: 16px 18px; font-family: var(--ct-baslik); font-size: 18px; font-weight: 900; color: #fff; line-height: 1.45; text-align: center; text-shadow: 0 1px 0 var(--ct-kiremit-koyu); }
.ct-cta a { color: var(--ct-arduvaz-koyu) !important; white-space: nowrap; background: #fff; border-radius: 14px; padding: 1px 12px; text-decoration: none !important; text-shadow: none; }
@media (max-width: 600px) { .ct-cta p { padding: 12px; font-size: 15px; } }

/* Keşif fişi */
.ct-fis { border: 1px solid #c9d3db; border-radius: 4px; background: #fff; background-image: linear-gradient(#e6edf2 1px, transparent 1px); background-size: 100% 22px; }
.ct-fis-ust { display: flex; justify-content: space-between; padding: 8px 14px; background: var(--ct-arduvaz); color: #fff; font: 900 13px var(--ct-baslik); letter-spacing: 2px; border-radius: 4px 4px 0 0; }
.ct-fis-ust .fa { margin-right: 5px; color: var(--ct-kiremit-acik); }
.ct-tablo { width: 100%; border-collapse: collapse; }
.ct-tablo th, .ct-tablo td { padding: 10px 14px; border-bottom: 1px solid #dfe6ec; vertical-align: top; text-align: left; font-size: 14px; }
.ct-tablo th { width: 44%; color: var(--ct-arduvaz-koyu); font-family: var(--ct-baslik); font-weight: 900; font-size: 14px; border-right: 2px solid #f0b8a6; }
@media (max-width: 600px) { .ct-tablo th { width: 46%; } .ct-tablo th, .ct-tablo td { padding: 8px 9px; font-size: 13px; } }

/* SSS: yağmur damlalı */
.ct-soru { position: relative; display: block; width: 100%; margin: 0 0 8px; padding: 12px 16px 12px 48px; border: 1px solid #d3dce3; border-radius: 22px; background: #f3f6f8; color: var(--ct-arduvaz-koyu); font-family: var(--ct-baslik); font-size: 15.5px; font-weight: 900; text-align: left; cursor: pointer; }
.ct-soru::before { content: "\f043"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font: 18px FontAwesome; color: #5b8bb0; }
.ct-soru:hover { background: #e8eef2; }
.ct-soru.ct-acik { background: var(--ct-arduvaz); color: #fff; border-color: var(--ct-arduvaz); }
.ct-soru.ct-acik::before { content: "\f0e9"; color: var(--ct-kiremit-acik); }
.ct-cevap { margin: -4px 12px 12px; padding: 4px 18px; border-left: 4px solid var(--ct-kiremit); background: var(--ct-harc); border-radius: 0 0 8px 8px; }

/* Hizmet kartları: ev cepheleri */
.ct-evler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 700px) { .ct-evler { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.ct-ev-kart { position: relative; display: block; padding: 30px 6px 6px; background: var(--ct-pul), var(--ct-kiremit); clip-path: polygon(50% 0, 100% 30px, 100% 100%, 0 100%, 0 30px); color: var(--ct-arduvaz-koyu) !important; text-decoration: none !important; }
.ct-ev-kart-gorsel { display: block; line-height: 0; overflow: hidden; }
.ct-ev-kart img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.3s; }
.ct-ev-kart:hover img { transform: scale(1.05); }
.ct-ev-kart-ad { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 6px 10px; background: var(--ct-harc); font-family: var(--ct-baslik); font-size: 14px; font-weight: 900; line-height: 1.25; }
.ct-ev-kart-ad .fa { color: var(--ct-kiremit); }
.ct-ev-kart:hover { background: var(--ct-pul), var(--ct-arduvaz); }
.ct-ev-kart:hover .ct-ev-kart-ad { background: #fff; }
@media (max-width: 600px) { .ct-ev-kart { padding-top: 22px; clip-path: polygon(50% 0, 100% 22px, 100% 100%, 0 100%, 0 22px); } .ct-ev-kart-ad { font-size: 12.5px; padding: 6px; } }

/* Bilgi: tuğla bacalar */
.ct-bacalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 34px 0 26px; }
@media (max-width: 700px) { .ct-bacalar { grid-template-columns: 1fr; gap: 34px; } }
.ct-baca { position: relative; padding: 38px 18px 18px; background: #fff; border: 1px solid var(--ct-cizgi); border-top: 5px solid var(--ct-arduvaz); border-radius: 0 0 6px 6px; box-shadow: 0 4px 14px rgba(34, 49, 63, 0.08); text-align: center; }
.ct-baca-tepe { position: absolute; left: 50%; top: -30px; width: 60px; height: 52px; margin-left: -30px; background: var(--ct-tugla); border-top: 7px solid var(--ct-arduvaz-koyu); box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.ct-baca-tepe .fa { color: #fff; font-size: 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
.ct-baca h3 { margin: 0 0 6px !important; font-size: 16.5px !important; }
.ct-baca p { margin: 0; font-size: 14px; text-align: left; }

/* Üçlü sütun */
.ct-uclu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 700px) { .ct-uclu { grid-template-columns: 1fr; } }
.ct-sutun { background: var(--ct-harc); border: 1px solid var(--ct-cizgi); border-radius: 0 0 6px 6px; padding-bottom: 8px; }
.ct-sutun h4 { margin: 0 0 6px; padding: 9px 14px; font-size: 13.5px; letter-spacing: 0.6px; color: #fff; background: var(--ct-arduvaz); }
.ct-sutun h4 .fa { margin-right: 7px; color: var(--ct-kiremit-acik); }
.ct-sutun:nth-child(2) h4 { background: var(--ct-pul), var(--ct-kiremit); }
.ct-sutun:nth-child(2) h4 .fa { color: #fff; }
.ct-sutun:nth-child(3) h4 { background: #6b5a4a; }
.ct-sutun ul, .ct-sutun ol { margin: 0; padding: 4px 14px 6px 30px; font-size: 13.5px; }
.ct-sutun li { padding: 3px 0; }
.ct-sutun li::marker { color: var(--ct-kiremit); }
.ct-sutun-sirali ol { list-style: none; counter-reset: adim; padding-left: 14px; }
.ct-sutun-sirali li { counter-increment: adim; position: relative; padding-left: 34px; }
.ct-sutun-sirali li::before { content: counter(adim); position: absolute; left: 0; top: 3px; width: 24px; height: 24px; background: var(--ct-kiremit); color: #fff; clip-path: polygon(50% 0, 100% 35%, 100% 100%, 0 100%, 0 35%); font: 900 12px/28px var(--ct-baslik); text-align: center; }

/* Özellik: kiremit rozetleri */
.ct-ozellik-aciklama { font-size: 15px; }
.ct-kiremitler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 18px; }
@media (max-width: 600px) { .ct-kiremitler { grid-template-columns: repeat(2, 1fr); } }
.ct-kiremit { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 130px; padding: 22px 10px 14px; box-sizing: border-box; border-radius: 50% 50% 10px 10px / 34% 34% 10px 10px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent 22%, rgba(255, 255, 255, 0.14) 50%, transparent 78%, rgba(0, 0, 0, 0.12)), var(--ct-kiremit); box-shadow: 0 6px 0 var(--ct-kiremit-koyu); color: #fff; text-align: center; }
.ct-kiremit .fa { font-size: 26px; }
.ct-kiremit b { font-family: var(--ct-baslik); font-size: 13.5px; line-height: 1.25; }

/* İlçeler */
.ct-ilceler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
@media (max-width: 700px) { .ct-ilceler { grid-template-columns: repeat(2, 1fr); } }
.ct-ilceler a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--ct-harc); border: 1px solid var(--ct-cizgi); border-radius: 4px; color: var(--ct-arduvaz-koyu) !important; font-size: 13.5px; line-height: 1.3; text-decoration: none !important; }
.ct-mini-ev { flex: 0 0 auto; width: 18px; height: 16px; background: var(--ct-kiremit); clip-path: polygon(50% 0, 100% 45%, 86% 45%, 86% 100%, 14% 100%, 14% 45%, 0 45%); }
.ct-ilceler a:hover { background: var(--ct-arduvaz); color: #fff !important; border-color: var(--ct-arduvaz); }
.ct-ilceler a:hover .ct-mini-ev { background: #fff; }

/* Yan menü (sağda) */
.ct-yan-gorsel { position: relative; line-height: 0; }
.ct-yolda { position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; background: var(--ct-kiremit); color: #fff; font: 900 11.5px/1.5 var(--ct-baslik); letter-spacing: 1px; border-radius: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
.ct-yan-ic { padding: 14px 18px 6px; }
.ct-yan-ic p { margin: 8px 0; font-size: 14px; }
.ct-not { position: relative; display: flex; flex-direction: column; margin: 18px 0 14px; padding: 16px 14px 12px; background: repeating-linear-gradient(0deg, #d9b98e 0 2px, #e4c79f 2px 22px); border-radius: 3px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
.ct-civi { position: absolute; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #eee 0 1px, #888 2px, #444 5px); }
.ct-c1 { left: 8px; } .ct-c2 { right: 8px; }
.ct-not strong { font-family: var(--ct-baslik); font-size: 15px; color: #4a2e14; }
.ct-not small { font-size: 13px; line-height: 1.6; color: #3e2b18; }
.ct-yan-altbaslik { text-align: center; font-family: var(--ct-baslik); font-size: 14px !important; font-weight: 900; letter-spacing: 1px; color: var(--ct-arduvaz-koyu); margin-top: 4px !important; }
.ct-bar-ad { font-weight: 700; color: var(--ct-arduvaz-koyu); margin: 10px 0 4px !important; font-size: 13px !important; }
.ct-bar { height: 16px; background: #e5e0d6; border-radius: 8px; overflow: hidden; }
.ct-bar span { display: block; height: 100%; background: var(--ct-pul), var(--ct-kiremit); color: #fff; font: 700 10px/16px var(--ct-govde); text-align: right; padding-right: 8px; box-sizing: border-box; border-radius: 8px; }
.ct-liste-baslik { margin: 18px 0 0; padding: 10px 18px; background: var(--ct-arduvaz); color: #fff; font-family: var(--ct-baslik); font-size: 13px; font-weight: 900; letter-spacing: 0.6px; }
.ct-liste-baslik .fa { margin-right: 5px; color: var(--ct-kiremit-acik); }
.ct-yan-liste { list-style: none; margin: 0; padding: 0 0 6px; }
.ct-yan-liste li { position: relative; padding: 7px 14px 7px 34px; border-bottom: 1px dotted #d9d0c2; font-size: 13.5px; }
.ct-yan-liste li::before { content: ""; position: absolute; left: 14px; top: 13px; width: 11px; height: 10px; background: var(--ct-kiremit); clip-path: polygon(50% 0, 100% 45%, 86% 45%, 86% 100%, 14% 100%, 14% 45%, 0 45%); }
.ct-yan-liste li:hover { background: var(--ct-harc); }
.ct-yan-liste a { color: var(--ct-yazi); }
.ct-yan-liste b { color: var(--ct-kiremit-koyu); }
.ct-afis { margin-bottom: 26px; line-height: 0; border: 6px solid #fff; border-bottom-width: 10px; box-shadow: 0 4px 14px rgba(34, 49, 63, 0.18); transform: rotate(-1deg); }
.ct-afis img { display: block; width: 100%; height: auto; }

/* Footer */
.ct-footer { margin-top: 10px; background: var(--ct-arduvaz-koyu); color: #b9c4cd; text-align: center; padding: 0 0 90px; }
.ct-footer-ust { margin: 18px 16px 6px; color: #fff; font-family: var(--ct-baslik); font-size: 16px; font-weight: 900; }
.ct-footer-ust a { color: #ffb49c; }
.ct-footer-yasal { max-width: 56rem; margin: 0 auto; padding: 0 16px 18px; font-size: 12.5px; line-height: 1.8; }

/* Sabit ara butonu: mobilde alt bar, masaüstünde sol altta bacası tüten ev */
.ct-ara-kutu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; }
.ct-ara-btn { display: block; color: #fff !important; text-decoration: none !important; }
.ct-ara-duman, .ct-ara-baca, .ct-ara-cati { display: none; }
.ct-ara-duvar { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 18px 0 8px; background: var(--ct-sacak), var(--ct-arduvaz-koyu); background-color: var(--ct-arduvaz-koyu); }
.ct-ara-ikon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ct-kiremit); color: #fff; font-size: 18px; }
.ct-ara-yazi { display: flex; flex-direction: column; line-height: 1.1; }
.ct-ara-yazi small { font: 700 10px var(--ct-govde); letter-spacing: 2px; text-transform: uppercase; color: #ffc3ae; }
.ct-ara-yazi strong { font: 900 22px var(--ct-baslik); letter-spacing: 0.5px; }
@keyframes ct-duman { 0% { opacity: 0; transform: translate(0, 0) scale(0.5); } 30% { opacity: 0.8; } 100% { opacity: 0; transform: translate(-12px, -34px) scale(1.4); } }
@media (min-width: 993px) {
  .ct-ara-kutu { left: 22px; right: auto; bottom: 22px; }
  .ct-ara-btn { position: relative; width: 196px; padding-top: 36px; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.3)); }
  .ct-ara-duman { display: block; position: absolute; right: 36px; top: 0; width: 20px; height: 36px; }
  .ct-ara-duman i { position: absolute; left: 2px; bottom: 0; width: 14px; height: 14px; border-radius: 50%; background: #c9d1d7; animation: ct-duman 3s ease-out infinite; }
  .ct-ara-duman i:nth-child(2) { animation-delay: 1s; }
  .ct-ara-duman i:nth-child(3) { animation-delay: 2s; }
  .ct-ara-baca { display: block; position: absolute; right: 34px; top: 30px; width: 22px; height: 40px; background: var(--ct-tugla); border-top: 5px solid var(--ct-arduvaz-koyu); box-sizing: border-box; }
  .ct-ara-cati { display: block; position: relative; z-index: 1; height: 60px; background: var(--ct-pul), var(--ct-kiremit); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
  .ct-ara-duvar { flex-direction: column; gap: 6px; margin: 0 12px; padding: 12px 8px 14px; background: var(--ct-harc); color: var(--ct-arduvaz-koyu); border-bottom: 6px solid var(--ct-arduvaz-koyu); }
  .ct-ara-ikon { width: 44px; height: 44px; font-size: 21px; }
  .ct-ara-yazi { align-items: center; }
  .ct-ara-yazi small { color: var(--ct-kiremit-koyu); }
  .ct-ara-yazi strong { font-size: 19px; white-space: nowrap; color: var(--ct-arduvaz-koyu); }
  .ct-ara-btn:hover .ct-ara-cati { background: var(--ct-pul), var(--ct-kiremit-acik); }
  .ct-ara-btn:hover .ct-ara-duvar { background: #fff; }
}

/* Duyuru penceresi: beşik çatılı ev */
.ct-duyuru { display: none; }
@media (min-width: 992px) {
  .ct-duyuru:not([hidden]) { display: flex; position: fixed; inset: 0; z-index: 10000; align-items: center; justify-content: center; padding: 24px; }
  .ct-duyuru-arka { position: absolute; inset: 0; background: rgba(34, 49, 63, 0.82); }
  .ct-duyuru-kutu { position: relative; z-index: 1; width: 100%; max-width: 580px; }
  .ct-duyuru-cati { position: relative; height: 120px; }
  .ct-duyuru-cati::after { content: ""; position: absolute; inset: 0 -26px; background: var(--ct-pul), var(--ct-kiremit); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
  .ct-duyuru-baca { position: absolute; right: 108px; top: 12px; width: 34px; height: 70px; background: var(--ct-tugla); border-top: 8px solid var(--ct-arduvaz-koyu); box-sizing: border-box; }
  .ct-duyuru-duvar { position: relative; padding: 26px 40px 0; background: var(--ct-harc); border-bottom: 10px solid var(--ct-arduvaz-koyu); text-align: center; box-shadow: 0 26px 46px rgba(0, 0, 0, 0.5); }
  .ct-duyuru-duvar h2 { margin: 0 0 10px; font-size: 24px; }
  .ct-duyuru-duvar p { margin: 8px 0; font-size: 14.5px; }
  .ct-duyuru-not { font-size: 12.5px !important; color: #5f564b; }
  .ct-duyuru-btn { margin-top: 14px; padding: 16px 34px 12px; border: 0; border-radius: 40px 40px 0 0; background: var(--ct-arduvaz); color: #fff; font: 900 15px var(--ct-baslik); letter-spacing: 1px; cursor: pointer; }
  .ct-duyuru-btn:hover { background: var(--ct-kiremit); }
  body.ct-duyuru-acik { overflow: hidden; }
}