/* /araclar ortak stil — dz-shared.css (navbar/footer) uzerine eklenir */
.ar{--ar-deep:#0f3d46;--ar-teal:#12707d;--ar-teal2:#0e5c68;--ar-acc:#2ec4b6;--ar-ink:#12303a;--ar-muted:#5b6f76;
  --ar-line:#dde6e9;--ar-bg:#f2f6f7;--ar-card:#fff;--ar-ok:#0f7b5f;--ar-okbg:#dcf5ec;--ar-warn:#8a6100;--ar-warnbg:#fff1cf;
  --ar-bad:#a12c2c;--ar-badbg:#fbe3e3;--ar-info:#1f5f99;--ar-infobg:#e3eefa;
  font-family:'Titillium Web','Segoe UI',Roboto,Arial,sans-serif;color:var(--ar-ink);background:var(--ar-bg);line-height:1.65}
.ar *,.ar *::before,.ar *::after{box-sizing:border-box}
.ar-in{width:100%;max-width:1040px;margin:0 auto;padding:0 16px}
.ar-hero{background:linear-gradient(150deg,#0f5f6b 0%,#0f3d46 60%,#123038 100%);color:#fff;padding:28px 0 34px}
.ar-bc{font-size:13.5px;opacity:.85;margin-bottom:10px}
.ar-bc a{color:#cdeeea;text-decoration:none}.ar-bc a:hover{text-decoration:underline}.ar-bc span{margin:0 3px}
.ar-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.18;margin:0 0 10px;font-weight:700}
.ar-giris{font-size:17px;max-width:780px;margin:0 0 14px;color:#e6f4f3}
.ar-giris a{color:#bff3ec}
.ar-rozet{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.ar-rozet li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px 12px;font-size:13.5px}
.ar-main{padding:26px 0 56px}
.ar-main h2{font-size:24px;line-height:1.3;margin:34px 0 10px;color:var(--ar-deep)}
.ar-main h3{font-size:19px;margin:22px 0 8px}
.ar-main p,.ar-main li{font-size:16.5px}
.ar-main a{color:var(--ar-teal)}
/* Arac kutusu */
.ar-kutu{background:var(--ar-card);border:1px solid var(--ar-line);border-radius:14px;padding:22px;box-shadow:0 6px 24px rgba(15,61,70,.06)}
.ar-kutu + .ar-kutu{margin-top:16px}
.ar-satir{display:flex;gap:10px;flex-wrap:wrap}
.ar-satir > *{flex:1 1 220px}
.ar-alan{margin-bottom:14px}
.ar-alan label,.ar-etiket{display:block;font-weight:600;font-size:15px;margin-bottom:5px}
.ar-alan small{display:block;color:var(--ar-muted);font-size:13.5px;margin-top:4px}
.ar input[type=text],.ar input[type=url],.ar input[type=tel],.ar input[type=email],.ar input[type=number],.ar select,.ar textarea{
  width:100%;font:inherit;font-size:16px;color:var(--ar-ink);background:#fff;border:1.5px solid #c9d7db;border-radius:10px;padding:10px 12px;outline:none}
.ar input:focus,.ar select:focus,.ar textarea:focus{border-color:var(--ar-teal);box-shadow:0 0 0 3px rgba(18,112,125,.15)}
.ar textarea{min-height:110px;resize:vertical}
.ar textarea.ar-kod{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13.5px;line-height:1.5;min-height:220px;background:#f7fafb}
.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;
  border:0;border-radius:10px;padding:11px 20px;background:var(--ar-teal);color:#fff;text-decoration:none;min-height:46px}
.ar-btn:hover{background:var(--ar-teal2);color:#fff}
.ar-btn[disabled]{opacity:.6;cursor:wait}
.ar-btn.ikincil{background:#e8f1f2;color:var(--ar-deep)}.ar-btn.ikincil:hover{background:#d8e8ea}
.ar-btn.wa{background:#1fa855}.ar-btn.wa:hover{background:#178a45}
.ar-btn.kucuk{min-height:36px;padding:6px 12px;font-size:14px}
.ar-butonlar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ar-secenek{display:flex;flex-wrap:wrap;gap:8px}
.ar-secenek label{display:flex;align-items:center;gap:8px;border:1.5px solid #c9d7db;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:400;font-size:15.5px;background:#fff;margin:0}
.ar-secenek input{accent-color:var(--ar-teal);width:18px;height:18px;margin:0}
.ar-secenek label:has(input:checked){border-color:var(--ar-teal);background:#eaf6f5}
.ar-soru{border:0;margin:0 0 18px;padding:0}
.ar-soru legend{font-weight:700;font-size:16.5px;margin-bottom:8px;padding:0}
/* Durum / sonuc */
.ar-durum{margin-top:12px;font-size:15px;color:var(--ar-muted)}
.ar-hata{background:var(--ar-badbg);color:var(--ar-bad);border-radius:10px;padding:10px 14px;margin-top:12px;font-size:15px}
.ar-bilgi{background:var(--ar-infobg);color:var(--ar-info);border-radius:10px;padding:10px 14px;margin-top:12px;font-size:15px}
.ar-sonuc{margin-top:18px}
.ar-yukleniyor{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ar-don 0.8s linear infinite}
@keyframes ar-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ar-yukleniyor{animation:none}}
.ar-etk{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}
.ar-etk.ok{background:var(--ar-okbg);color:var(--ar-ok)}.ar-etk.uyari{background:var(--ar-warnbg);color:var(--ar-warn)}
.ar-etk.kotu{background:var(--ar-badbg);color:var(--ar-bad)}.ar-etk.bilgi{background:var(--ar-infobg);color:var(--ar-info)}
.ar-tablo{width:100%;border-collapse:collapse;font-size:15px}
.ar-tablo th,.ar-tablo td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--ar-line);vertical-align:top}
.ar-tablo th{background:#f3f8f9;font-size:14px}
.ar-tw{overflow-x:auto;border:1px solid var(--ar-line);border-radius:10px;background:#fff}
.ar-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:6px 0 14px}
.ar-ozet div{background:#fff;border:1px solid var(--ar-line);border-radius:12px;padding:12px}
.ar-ozet b{display:block;font-size:26px;line-height:1.1}
.ar-ozet span{font-size:13.5px;color:var(--ar-muted)}
.ar-kisaca{background:#fff;border-left:4px solid var(--ar-acc);border-radius:0 12px 12px 0;padding:14px 18px;margin:26px 0 6px}
.ar-kisaca strong{display:block;margin-bottom:4px;color:var(--ar-deep)}
.ar-kisaca ul{margin:0;padding-left:20px}
.ar-rehber{max-width:820px}
.ar-rehber table{border-collapse:collapse;width:100%;margin:10px 0;font-size:15px;background:#fff}
.ar-rehber th,.ar-rehber td{border:1px solid var(--ar-line);padding:8px 10px;text-align:left;vertical-align:top}
.ar-rehber th{background:#f3f8f9}
.ar-rehber code,.ar-main code{background:#e8f1f2;padding:1px 6px;border-radius:5px;font-size:.9em}
.ar-not{background:var(--ar-warnbg);border-radius:10px;padding:12px 16px;margin:14px 0;font-size:15.5px}
/* Lead karti */
.ar-lead{background:linear-gradient(150deg,#0f5f6b,#0f3d46);color:#fff;border-radius:16px;padding:22px;margin:22px 0}
.ar-lead h2{color:#fff;margin:0 0 6px;font-size:22px}
.ar-lead p{color:#dff2f0;margin:0 0 12px}
.ar-lead label{color:#fff}
.ar-lead .ar-onay{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:400;color:#d6ecea;margin:6px 0}
.ar-lead .ar-onay input{margin-top:4px;width:17px;height:17px;flex:0 0 auto}
.ar-lead .ar-onay a{color:#bff3ec}
.ar-lead .ar-hata{background:#fff;}
.ar-lead-kapat{float:right;background:none;border:0;color:#cfe;font-size:22px;cursor:pointer;line-height:1}
.ar-gizli{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* SSS, ilgili, yazar */
.ar-sss details{background:#fff;border:1px solid var(--ar-line);border-radius:10px;margin:8px 0;padding:0 16px}
.ar-sss summary{cursor:pointer;font-weight:700;padding:12px 0;font-size:16.5px}
.ar-sss details > div{padding:0 0 14px}
.ar-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ar-kart{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--ar-line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ar-ink)!important;transition:border-color .15s,transform .15s}
.ar-kart:hover{border-color:var(--ar-teal);transform:translateY(-2px)}
.ar-kart strong{font-size:17px;color:var(--ar-deep)}
.ar-kart span:last-child{font-size:14.5px;color:var(--ar-muted)}
.ar-kart-hizmet{background:#eaf6f5}
.ar-ikon{font-size:22px;line-height:1;width:40px;height:40px;display:grid;place-items:center;background:#e8f1f2;border-radius:10px;color:var(--ar-deep);font-weight:700}
.ar-tum{margin-top:12px}
.ar-yazar{margin-top:34px;padding:14px 16px;border:1px dashed #b9cdd2;border-radius:12px;font-size:14.5px;color:var(--ar-muted);background:#fff}
.ar-yazar div + div{margin-top:4px}
/* Hub */
.ar-kat h2{display:flex;align-items:baseline;gap:8px}
.ar-kat h2 small{font-size:14px;color:var(--ar-muted);font-weight:400}
/* Onizleme kutulari */
.ar-serp{background:#fff;border:1px solid var(--ar-line);border-radius:12px;padding:16px 18px;font-family:Arial,sans-serif;max-width:640px}
.ar-serp .s-site{display:flex;align-items:center;gap:10px;font-size:14px;color:#202124}
.ar-serp .s-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;font-size:13px}
.ar-serp .s-url{font-size:12px;color:#4d5156}
.ar-serp .s-bas{font-size:20px;line-height:1.3;color:#1a0dab;margin:6px 0 3px;overflow-wrap:anywhere}
.ar-serp .s-acik{font-size:14px;line-height:1.58;color:#4d5156;overflow-wrap:anywhere}
.ar-serp.mobil{max-width:400px}
.ar-serp.mobil .s-bas{font-size:18px}
.ar-cubuk{height:8px;border-radius:99px;background:#e6eef0;overflow:hidden;margin-top:6px}
.ar-cubuk i{display:block;height:100%;background:var(--ar-ok);border-radius:99px}
.ar-cubuk i.uyari{background:#d99a00}.ar-cubuk i.kotu{background:var(--ar-bad)}
.ar-qr{background:#fff;border:1px solid var(--ar-line);border-radius:12px;padding:12px;display:inline-block}
.ar-qr img,.ar-qr svg{display:block;width:180px;height:180px}
@media (max-width:640px){.ar-kutu{padding:16px}.ar-main h2{font-size:21px}.ar-giris{font-size:16px}}
@media print{.tuba-toolbar,.tuba-navbar,.tb-foot,footer,.ar-hero,.ar-sss,.ar-ilgili,.ar-yazar,.ar-lead,.ar-rehber,.ar-kisaca,.ar-yazdirma-gizle{display:none!important}
  .ar{background:#fff}.ar-main{padding:0}.ar-kutu{box-shadow:none;border:0}}