/* Ücretsiz araç sayfaları — ortak.css + ozellik.css'ten sonra yüklenir. Önek: ar- */

/* hero + araç: araç ilk ekranda */
.ar-hero{padding:28px 0 64px;background:linear-gradient(180deg,#fff 0%,var(--zemin-2) 100%)}
.ar-iz{margin-bottom:16px}
.ar-serit{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.ar-serit a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:14px;font-weight:600;color:var(--ink-2);transition:border-color .15s,color .15s}
.ar-serit a svg{width:16px;height:16px;color:var(--indigo)}
.ar-serit a:hover{border-color:#CFC8F5;color:var(--indigo)}
.ar-serit a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ar-serit a[aria-current="page"] svg{color:#fff}
.ar-hero-metin{max-width:860px}
.ar-hero h1{font:800 clamp(28px,3.6vw,46px)/1.1 "Figtree";letter-spacing:-.025em;margin:0 0 14px}
.ar-giris{font-size:17.5px;color:var(--soluk);margin:0 0 16px;max-width:44em}
.ar-giris a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}
.ar-guven{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0 0 26px;padding:0;font-size:14px;font-weight:500;color:var(--ink-2)}
.ar-guven li{display:flex;align-items:center;gap:8px}
.ar-guven li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--yesil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat;flex:none}

/* araç ızgarası */
.ar-arac{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}
.ar-sonuc-sutun{display:grid;gap:24px;position:sticky;top:96px}
.ar-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge);overflow:hidden;min-width:0}
.ar-kart-bas{padding:14px 24px;border-bottom:1px solid var(--cizgi);background:#FBFAFE;font-size:14px;font-weight:700;color:var(--ink-2)}
.ar-kart-ic{padding:22px 24px 24px}
.ar-kart-alt{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-top:1px solid var(--cizgi);background:#FBFAFE;font-size:13px;color:var(--soluk-2)}
.ar-temizle{flex:none;background:none;border:0;padding:4px 0;font:500 13px "Figtree";color:var(--soluk);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.ar-temizle:hover{color:var(--indigo)}

.ar-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.ar-izgara.uc{grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-alan{display:block;min-width:0}
.ar-etiket{display:block;font-size:13.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.ar-girdi{position:relative;display:block}
.ar-alan input,.ar-alan select{width:100%;height:46px;border:1px solid #D9D5EA;border-radius:10px;background:#fff;padding:0 14px;font:500 16px "Figtree";color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s}
.ar-alan select{padding-right:34px;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5B7A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/18px no-repeat;cursor:pointer;font-size:15px;text-overflow:ellipsis}
.ar-girdi.ekli input{padding-right:52px}
.ar-alan input::placeholder{color:#B5B2C9}
.ar-alan input:focus,.ar-alan select:focus{outline:0;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(79,57,232,.15)}
.ar-ek{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13.5px;color:var(--soluk-2);pointer-events:none}
.ar-ipucu-metin{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--soluk-2)}
.ar-onay{display:flex;gap:12px;align-items:flex-start;margin:4px 0 16px;cursor:pointer}
.ar-onay input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--indigo);flex:none;cursor:pointer}
.ar-onay b{display:block;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.ar-onay span span{display:block;font-size:12.5px;line-height:1.45;color:var(--soluk-2);margin-top:2px}
.ar-kod-satir{margin-top:4px;padding:12px 14px;border-radius:10px;background:var(--zemin-2);border:1px solid var(--cizgi);font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink-2);overflow-wrap:anywhere}

/* sonuç */
.ar-bos{margin:0;font-size:15px;color:var(--soluk)}
.ar-bos.ortada{text-align:center;padding:24px 0}
.ar-ana{background:var(--indigo-acik);border-radius:12px;padding:18px 20px;margin-bottom:12px}
.ar-ana small{display:block;font-size:13px;font-weight:600;color:var(--indigo-koyu);margin-bottom:6px}
.ar-ana-deger{font:800 40px/1 "Figtree";letter-spacing:-.02em;color:var(--indigo-koyu);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ar-ana-deger span{font-size:17px;font-weight:600;margin-left:8px;color:var(--indigo)}
.ar-ana p{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--soluk)}
.ar-satir{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:14.5px;color:var(--soluk)}
.ar-satir:last-of-type{border-bottom:0}
.ar-satir > span{min-width:0}
.ar-satir small{display:block;font-size:12px;color:var(--soluk-2);margin-top:2px}
.ar-satir b{font-weight:600;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.ar-satir.soluk{font-size:13.5px}
.ar-satir.soluk b{font-weight:500;color:var(--soluk)}
.ar-satir.guclu{color:var(--ink);font-weight:600}
.ar-satir.guclu b{font-size:19px;font-weight:800;color:var(--indigo)}
.ar-ara-bas{margin:18px 0 2px;font-size:13px;font-weight:700;color:var(--ink-2)}
.ar-ipucu{margin-top:14px;padding:14px 16px;border-radius:10px;background:var(--zemin-2);border:1px solid var(--cizgi)}
.ar-ipucu p{margin:0;font-size:13.5px;line-height:1.55;color:var(--soluk)}
.ar-ipucu strong{color:var(--ink-2)}
.ar-sonraki{margin-top:16px;font-size:14.5px}
.ar-uyari,.ar-not{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#FEF7E6;border:1px solid #F6DFA6;margin-top:14px}
.ar-uyari svg,.ar-not svg{width:20px;height:20px;flex:none;margin-top:1px;color:#B7791F}
.ar-uyari p,.ar-not p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.ar-not.bilgi{background:#fff;border-color:var(--cizgi)}
.ar-not.bilgi svg{color:var(--indigo)}
.ar-ust-not{margin:0 0 20px;max-width:980px}
.ar-ters{margin-top:12px}
.ar-ters-kutu{background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:12px;padding:16px 18px}
.ar-ters-kutu small{display:block;font-size:13px;font-weight:600;color:var(--soluk);margin-bottom:6px}
.ar-ters-deger{font:800 30px/1 "Figtree";color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ar-ters-deger span{font-size:16px;font-weight:600;color:var(--soluk);margin-left:6px}
.ar-ters-kutu p{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--soluk-2)}
.ar-ters-kutu p.ar-kod{font:500 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--soluk)}

/* barkod */
.ar-sekmeler{display:inline-flex;gap:4px;padding:5px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;margin-bottom:18px}
.ar-sekmeler button{font:600 14.5px/1 "Figtree";padding:11px 18px;border:0;border-radius:8px;background:none;color:var(--soluk);cursor:pointer}
.ar-sekmeler button[aria-selected="true"]{background:var(--ink);color:#fff}
.ar-sekmeler button:not([aria-selected="true"]):hover{background:var(--zemin-2);color:var(--ink)}
.ar-dugmeler{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ar-dugmeler.ortada{justify-content:center}
.ar-hap{height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font:500 13.5px "Figtree";color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s}
.ar-hap:hover{border-color:#CFC8F5;color:var(--indigo)}
.ar-durum:empty{display:none}
.ar-durum{margin-top:16px}
.ar-durum .ar-uyari{margin-top:0}
.ar-kontrol{background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px}
.ar-kontrol small{display:block;font-size:12.5px;color:var(--soluk-2)}
.ar-kontrol b{display:block;font:800 28px/1.2 "Figtree";color:var(--indigo)}
.ar-kontrol p{margin:6px 0 0;font-size:13px;color:var(--soluk)}
.ar-dogru{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#ECFDF5;border:1px solid #BBEBD6}
.ar-dogru svg{width:20px;height:20px;flex:none;color:var(--yesil)}
.ar-dogru p{margin:0;font-size:14px;color:var(--ink-2)}
.ar-mono,.ar-kod-buyuk{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ar-barkod-cerceve{border:1px solid var(--cizgi);border-radius:12px;padding:14px;background:#fff}
.ar-barkod-cerceve svg{display:block;max-width:100%;height:auto}
.ar-kod-buyuk{margin-top:14px;text-align:center;font-size:20px;letter-spacing:.14em;color:var(--ink);overflow-wrap:anywhere}
.ar-not-kucuk{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--soluk-2)}
.ar-not-kucuk.ortada{text-align:center}
.ar-kod-liste{max-height:264px;overflow:auto;border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin-2)}
.ar-kod-liste table{width:100%;border-collapse:collapse}
.ar-kod-liste td{padding:7px 14px;border-bottom:1px solid var(--cizgi);font:500 13.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--ink-2)}
.ar-kod-liste td:first-child{width:52px;color:var(--soluk-2);font-size:12px;letter-spacing:0}
.ar-kod-liste tr:last-child td{border-bottom:0}

/* içerik bölümleri */
.ar-bolum{padding:80px 0}
.ar-bolum.acik{background:var(--zemin-2)}
.ar-ust{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--indigo)}
.ar-bolum h2,.ar-sss h2{font:800 clamp(26px,3.2vw,38px)/1.15 "Figtree";letter-spacing:-.02em;margin:0 0 12px;max-width:26em}
.ar-bolum-aciklama{margin:0 0 32px;font-size:17px;color:var(--soluk);max-width:42em}
.ar-izgara2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ar-izgara3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ust-bosluk{margin-top:20px}
.ar-izgara2 .ar-not{margin-top:0}
.ar-formul{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:20px 22px;min-width:0}
.ar-formul small{display:block;font-size:13px;font-weight:700;color:var(--indigo);margin-bottom:10px}
.ar-formul code{display:block;font:500 14.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);background:var(--indigo-acik);border-radius:8px;padding:12px 14px;overflow-wrap:anywhere}
.ar-formul p{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--soluk)}
.ar-formul strong{color:var(--ink-2)}
.ar-metin{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:22px 24px;min-width:0}
.ar-metin h3{margin:0 0 8px;font-size:17px;font-weight:700}
.ar-metin p{margin:0 0 12px;font-size:15px;line-height:1.65;color:var(--soluk)}
.ar-metin p:last-child{margin-bottom:0}
.ar-metin strong{color:var(--ink-2)}
.ar-metin a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}
.ar-adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.ar-adimlar li{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:20px 22px;font-size:15px;line-height:1.6;color:var(--soluk)}
.ar-adimlar b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.ar-rehber{display:flex;gap:16px;align-items:center;margin-top:24px;padding:18px 22px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);transition:border-color .15s,box-shadow .15s}
.ar-rehber:hover{border-color:#CFC8F5;box-shadow:var(--golge)}
.ar-rehber > span:nth-child(2){flex:1;min-width:0}
.ar-rehber b{display:block;font-size:16px;color:var(--ink)}
.ar-rehber span span{display:block;margin-top:3px;font-size:14px;line-height:1.55;color:var(--soluk)}
.ar-rehber > svg{width:20px;height:20px;flex:none;color:var(--indigo)}
.ar-rehber-ik,.ar-diger-ik{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--indigo-acik);color:var(--indigo);flex:none}
.ar-rehber-ik svg,.ar-diger-ik svg{width:22px;height:22px}
.ar-kaynak{margin-top:20px;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:18px 22px}
.ar-kaynak small{display:block;font-size:13px;font-weight:600;color:var(--soluk-2);margin-bottom:10px}
.ar-kaynak ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ar-kaynak a{display:inline-flex;gap:8px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}
.ar-kaynak a:hover{color:var(--indigo)}
.ar-kaynak svg{width:15px;height:15px;flex:none;margin-top:4px;color:var(--soluk-2)}

/* SSS */
.ar-sss{padding:88px 0}

/* köprü */
.ar-kopru{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:44px}
.ar-kopru-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:24px 0 28px;padding:0}
.ar-kopru-liste li{padding:18px 20px;border-radius:12px;background:var(--zemin-2);border:1px solid var(--cizgi);font-size:15px;line-height:1.6;color:var(--ink-2)}
.ar-kopru-eylem{display:flex;flex-wrap:wrap;gap:12px}
.ar-kopru-not{margin:16px 0 0;font-size:14px;color:var(--soluk-2)}
.ar-kopru-not a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}

/* diğer araçlar */
.ar-diger-bolum{padding:72px 0 88px}
.ar-diger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.ar-diger-kart{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:start;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);transition:border-color .15s,box-shadow .15s}
.ar-diger-kart:hover{border-color:#CFC8F5;box-shadow:var(--golge)}
.ar-diger-ik{grid-row:span 2}
.ar-diger-kart b{font-size:17px;color:var(--ink)}
.ar-diger-kart b::after{content:" →";color:var(--indigo)}
.ar-diger-kart > span:last-child{font-size:14.5px;line-height:1.55;color:var(--soluk)}

@media (max-width:1060px){
  .ar-arac{grid-template-columns:minmax(0,1fr)}
  .ar-sonuc-sutun{position:static}
  .ar-izgara3,.ar-adimlar,.ar-kopru-liste{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .ar-izgara2,.ar-diger{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .ar-hero{padding:14px 0 44px}
  .ar-iz{display:none}
  .ar-serit{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;scrollbar-width:none}
  .ar-serit::-webkit-scrollbar{display:none}
  .ar-serit a{flex:none;padding:7px 12px;font-size:13.5px}
  .ar-hero h1{font-size:27px;margin-bottom:10px}
  .ar-giris{font-size:15.5px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ar-guven{display:none}
  .ar-ust-not{padding:12px 14px;margin-bottom:14px}
  .ar-ust-not p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ar-kart-bas{padding:12px 16px}
  .ar-kart-ic{padding:16px}
  .ar-kart-alt{padding:12px 16px;flex-wrap:wrap}
  .ar-izgara{gap:12px;margin-bottom:12px}
  .ar-izgara.uc{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ar-izgara.uc .ar-ipucu-metin{font-size:11.5px}
  .ar-girdi.ekli input{padding-right:40px}
  .ar-izgara.uc .ar-alan input{padding:0 10px}
  .ar-izgara.uc .ar-girdi.ekli input{padding-right:34px}
  .ar-izgara.uc .ar-ek{right:9px;font-size:12.5px}
  .ar-ana-deger{font-size:34px}
  .ar-bolum{padding:56px 0}
  .ar-bolum-aciklama{font-size:15.5px;margin-bottom:24px}
  .ar-kopru{padding:26px 18px}
  .ar-kopru-eylem .btn{width:100%}
  .ar-sss{padding:56px 0}
  .ar-sekmeler{display:flex}
  .ar-sekmeler button{flex:1}
}