/* Kısa bileşen sınıfları — metin/HTML oranı (Tekrarlayan Tailwind yerine) */
.wrap{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.wrap5{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.wrap4{max-width:56rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.tx{color:#4b5563;font-size:.875rem;line-height:1.625}
.tx.mb{margin-bottom:.75rem}.tx.mb:last-child{margin-bottom:0}
.tx.mt{margin-top:1rem}
.sc{display:block;background:#fff;border:1px solid #f3f4f6;padding:.75rem;border-radius:.75rem;font-size:.75rem;font-weight:900;color:#6b7280;text-align:center;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s}
.sc-r:hover,.sc-red:hover{background:#dc2626;color:#fff;border-color:#dc2626}
.sc-e:hover,.sc-emerald:hover{background:#059669;color:#fff;border-color:#059669}
.sc.sc-r,.sc.sc-e,.sc.sc-red,.sc.sc-emerald{background:#f9fafb}
.chip{display:inline-block;padding:.75rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;font-weight:700;color:#4b5563;transition:all .15s}
.chip-r:hover,.chip-red:hover{background:#dc2626;color:#fff;border-color:#dc2626}
.chip-e:hover,.chip-emerald:hover{background:#059669;color:#fff;border-color:#059669}
.pill{display:inline-block;padding:.5rem 1rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:.75rem;font-size:.75rem;font-weight:700;color:#4b5563;transition:all .15s}
.pill-r:hover,.pill-red:hover{background:#dc2626;color:#fff}
.pill-e:hover,.pill-emerald:hover{background:#059669;color:#fff}
.fl{font-size:.875rem;color:#9ca3af;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl:hover,.fl2:hover{color:#fff}
.fl2{color:#9ca3af;transition:color .15s}
.nl{display:block;color:#4b5563;padding:.5rem;border-radius:.5rem;font-size:.75rem;font-weight:700;transition:all .15s}
.nl-r:hover{background:#fef2f2;color:#dc2626}
.nl-e:hover{background:#ecfdf5;color:#059669}
.nd{display:block;padding:.25rem .625rem;font-size:.75rem;font-weight:700;color:#374151;border-radius:.5rem;transition:all .15s}
.nd-r:hover{background:#fef2f2;color:#dc2626}
.nd-e:hover{background:#ecfdf5;color:#059669}
.tag{display:inline-flex;padding:.25rem .625rem;border-radius:.5rem;background:#fff;border:1px solid #e5e7eb;font-size:11px;font-weight:700;color:#4b5563;transition:all .15s}
.tag:hover{border-color:#fca5a5;color:#dc2626}
.pill{display:inline-block;padding:.5rem 1rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:.75rem;font-size:.75rem;font-weight:700;color:#4b5563;transition:all .15s}
.pill-r:hover{background:#dc2626;color:#fff}
.pill-e:hover{background:#059669;color:#fff}

/* Blog CTA + servis link grid (mobil — SVG ikon, FA bağımsız) */
.bcta{margin-top:2.5rem;border-radius:1rem;padding:1.25rem 1rem;text-align:center;color:#fff}
.bcta-r{background:linear-gradient(135deg,#7f1d1d,#881337)}
.bcta-e{background:linear-gradient(135deg,#064e3b,#134e4a)}
.bcta-tag{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin:0 0 .5rem}
.bcta-h{font-size:1.125rem;font-weight:900;text-transform:uppercase;line-height:1.25;margin:0 0 .5rem}
.bcta-p{font-size:.75rem;opacity:.85;line-height:1.5;margin:0 0 1.25rem}
.bcta-grid{display:grid;gap:.625rem;max-width:22rem;margin:0 auto}
.bcta-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}
.bcta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.75rem 1rem;border-radius:.75rem;font-weight:800;font-size:.875rem;text-decoration:none;transition:transform .15s,background .15s;box-sizing:border-box}
.bcta-btn:active{transform:scale(.98)}
.bcta-phone{background:#fff;color:#7f1d1d;font-size:1rem;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.bcta-e .bcta-phone{color:#065f46}
.bcta-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.8125rem}
.bcta-wa{background:#22c55e;color:#fff}
.bcta-wa:hover{background:#16a34a}
.bcta-ico{width:1.125rem;height:1.125rem;flex-shrink:0}
.bsvc{margin-top:2.5rem;padding:1rem;border-radius:1rem;border:1px solid #f3f4f6;background:linear-gradient(135deg,#f9fafb,#fff)}
.bsvc-h{font-size:.6875rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#111;margin:0 0 .75rem}
.bsvc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.bsvc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:4.5rem;padding:.75rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;text-align:center;text-decoration:none;color:#111;transition:background .15s,color .15s}
.bsvc-card:hover{background:#dc2626;color:#fff;border-color:#dc2626}
.bsvc-e .bsvc-card:hover{background:#059669;border-color:#059669}
.bsvc-ico{width:1.25rem;height:1.25rem;color:#dc2626}
.bsvc-e .bsvc-ico{color:#059669}
.bsvc-card:hover .bsvc-ico{color:#fff}
.bsvc-t{font-size:11px;font-weight:900;text-transform:uppercase;line-height:1.2}
.bsvc-s{font-size:9px;color:#9ca3af;line-height:1.2}
.bsvc-card:hover .bsvc-s{color:rgba(255,255,255,.85)}
@media(min-width:640px){.bcta{border-radius:1.5rem;padding:2rem}.bcta-h{font-size:1.5rem}.bcta-p{font-size:.875rem}}

/* KVKK — kaydırınca görünür */
#kvkk-banner{transform:translateY(100%);transition:transform .35s ease,opacity .35s ease;opacity:0}
#kvkk-banner.kvkk-show{transform:translateY(0);opacity:1}

/* Mobil alt bar — Ara / WhatsApp (ikon + yazı, minify-güvenli) */
.mbb-inner{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:9999px;padding:.35rem .4rem;box-shadow:0 8px 32px rgba(0,0,0,.14)}
.mbb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem .9rem;border-radius:9999px;color:#fff!important;font-size:.75rem;font-weight:900;text-decoration:none;line-height:1;white-space:nowrap}
.mbb-btn svg{display:block;flex-shrink:0;width:18px;height:18px}
.mbb-call{background:#dc2626;box-shadow:0 4px 12px rgba(220,38,38,.35)}
.mbb-call-e{background:#059669;box-shadow:0 4px 12px rgba(5,150,105,.35)}
.mbb-wa{background:#22c55e;box-shadow:0 4px 12px rgba(34,197,94,.35)}
.mbb-mid{font-size:10px;font-weight:800;color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;padding:0 .15rem}