/* AY-FA: yalnızca logo ölçüsü, gizleme yardımcıları, sabit iletişim butonları ve panel içerik tipografisi. Tema düzeni değiştirilmez. */
[data-ayfa-hide],[data-ayfa-gone]{display:none!important}

/* Logo (oranı korunur) */
#logo_header,.logo-site img,.header-left .logo img{height:54px!important;width:auto!important;max-width:none!important;object-fit:contain}
#mobile-logo_header,.mobile-nav-wrap .logo img{height:50px!important;width:auto!important;max-width:none!important}
footer .logo img,footer .footer-logo img,.footer-logo img{height:64px!important;width:auto!important;max-width:none!important}
#loading .icon img{object-fit:contain}
@media (max-width:1399px){#logo_header,.logo-site img{height:46px!important}}
@media (max-width:767px){#logo_header,.logo-site img{height:44px!important}}

/* Sabit sosyal medya / iletişim butonları */
#ayfa-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:10px}
#ayfa-float a{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;box-shadow:0 8px 22px rgba(10,16,32,.28);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}
#ayfa-float a:hover{transform:translateX(-4px) scale(1.06);box-shadow:0 12px 26px rgba(10,16,32,.36)}
#ayfa-float a svg{width:26px;height:26px;fill:#fff;display:block}
#ayfa-float .af-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
#ayfa-float .af-fb{background:#1877F2}
#ayfa-float .af-wa{background:#25D366}
#ayfa-float .af-ct{background:var(--Main-golden,#ec187e)}
#ayfa-float a span{position:absolute;right:62px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#18233b;color:#fff;font-size:13px;font-weight:600;line-height:1;padding:9px 12px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s ease}
#ayfa-float a:hover span{opacity:1}
@media (max-width:767px){#ayfa-float{right:10px;top:auto;bottom:86px;transform:none;gap:8px}#ayfa-float a{width:44px;height:44px}#ayfa-float a svg{width:22px;height:22px}#ayfa-float a span{display:none}}

/* Form bildirimi */
#ayfa-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:10000;background:#18233b;color:#fff;padding:14px 22px;border-radius:10px;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .3s ease;max-width:92vw;text-align:center}
#ayfa-toast.show{opacity:1;transform:translate(-50%,0)}
#ayfa-toast.ok{border-left:5px solid #25D366}
#ayfa-toast.err{border-left:5px solid #ec187e}

/* Panelden gelen zengin metin */
.ayfa-rich{color:var(--Text,#555)}
.ayfa-rich p{margin-bottom:18px;line-height:1.75}
.ayfa-rich h2,.ayfa-rich h3{color:var(--Title,#1b2944);font-weight:700;margin:26px 0 14px;line-height:1.3}
.ayfa-rich h2{font-size:26px}.ayfa-rich h3{font-size:21px}
.ayfa-rich ul,.ayfa-rich ol{margin:0 0 20px 0;padding-left:22px}
.ayfa-rich ul li{list-style:disc;margin-bottom:8px;line-height:1.7}
.ayfa-rich ol li{list-style:decimal;margin-bottom:8px;line-height:1.7}
.ayfa-rich blockquote{border-left:4px solid var(--Main-yellow,#00b4e0);padding:12px 18px;margin:20px 0;background:var(--Main-gray,#eef2f7);border-radius:6px;font-style:italic}
.ayfa-rich img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.ayfa-rich a{color:var(--Main-golden,#ec187e);text-decoration:underline}
.ayfa-rich strong,.ayfa-rich b{color:var(--Title,#1b2944)}

/* İletişim kartları: tek satıra ortalı dizilim */
.ayfa-center-row{justify-content:center}
.ayfa-map{border-radius:14px;overflow:hidden;line-height:0}
.ayfa-map iframe{width:100%;height:420px;border:0}

/* Sosyal ikonlar (Instagram / WhatsApp) — yazı tipi ikonlarıyla aynı ölçü */
.social-list a svg.ayfa-ico,.socials a svg.ayfa-ico{width:15px;height:15px;fill:currentColor;display:block}
.btn-download .icon svg.ayfa-ico{width:16px;height:16px;fill:currentColor;display:block}

/* Blog yazısı başlığı h1 (şablondaki h2 görünümüyle aynı) */
.tf-page-title h1.ayfa-h1{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--White);font-size:52px;line-height:62px;margin:0 0 39px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4}
@media (max-width:425px){.tf-page-title h1.ayfa-h1{font-size:40px;line-height:55px}}

/* Ana renk (camgöbeği) zeminli kutularda okunabilir koyu metin */
.wg-feature-item.style-2 .text,.wg-feature-item.style-2 .benefit-list a,.wg-feature-item.style-2 .title a,.item-customer.style-2 p,.item-customer.style-2>a,.wg-step-skill .title,.wg-step-skill p,.s-service-detail .experience .sub-exp{color:var(--Main-black)!important}
body.no-scroll #ayfa-float,.box-welcome.active~#ayfa-float{opacity:0;pointer-events:none}

/* İlçeler menüsü: çok sayıda ilçe için çok sütunlu açılır liste */
.header-inner .nav-list .ayfa-nav-area > .sub-nav{width:640px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:6px}

/* İlçe sayfaları: mahalle ve ilçe listeleri */
.ayfa-rich ul.ayfa-mahalle,.ayfa-rich ul.ayfa-ilceler{columns:3 130px;column-gap:24px;padding-left:18px;margin-bottom:26px}
.ayfa-rich ul.ayfa-mahalle li,.ayfa-rich ul.ayfa-ilceler li{break-inside:avoid;margin-bottom:6px;line-height:1.55}
.ayfa-rich ul.ayfa-ilceler a{text-decoration:none;font-weight:600;color:var(--Title,#1b2944)}
.ayfa-rich ul.ayfa-ilceler a:hover{color:var(--Main-golden,#ec187e)}

/* Görsel ölçüleri: yalnızca yükseklik ve kırpma; bölümlerin düzeni ve animasyonları aynı kalır */
/* İç sayfa başlık alanı: görsel kutuya sığdırılır (aşırı yakınlaşma olmaz), alan bir miktar alçaltılır */
.tf-page-title .bg-image .rellax,.tf-page-title .bg-image .rellax img{height:100%!important}
.tf-page-title .bg-image .rellax img{width:100%!important;object-fit:cover;object-position:center}
@media (min-width:768px){.tf-page-title:not(.style-2) .content-wrap{min-height:430px}}
/* Ana sayfa açılış alanı: tek ekrana sığar */
@media (min-width:1200px){.page-title-home-4 .image img{height:calc(100vh - 50px)!important;min-height:640px;max-height:940px;object-fit:cover}}
/* "Tasarımdan Montaja Tek Adres" bölümü görseli */
@media (min-width:992px){.s-cta-2 .image img{height:660px!important;min-height:0;object-fit:cover}}
/* Kart görselleri eşit oranda */
.card-blog-item .entry-image img{aspect-ratio:4/3;height:auto!important;object-fit:cover}
/* 992–1199 px: açılış başlığı sağdaki Instagram kutusunun altına taşmasın */
@media (min-width:992px) and (max-width:1199px){.page-title-home-4 .content .title{max-width:calc(100% - 340px)}}