/* İhale Radar — g3grup.com tasarım sistemiyle aynı dil (23.09.2026 yeniden yazım).
   Token'lar statik/g3.css'ten birebir: turuncu küçük alanda (düğme, link, rozet),
   lacivert zemin, mono etiket, 4px köşe (teknik belge, yuvarlak değil).
   Sınıf adları eski radar.css ile aynı tutuldu — HTML'ler ve radar.js buna bağlı. */
:root{
  --turuncu:#B86B35;--turuncu-koyu:#965127;--vurgu-metin:#965127;--turuncu-soluk:#F7EEE7;--turuncu-cerceve:#D9B79D;
  --lacivert:#123A63;--lacivert-koyu:#0B2948;--yapi-metin:#123A63;
  --metin:#172331;--metin-ikincil:#52606D;--kagit:#FFFFFF;--kagit-alt:#F5F6F7;--zebra:rgba(35,31,32,.035);
  --cizgi:#DEDAD6;--cizgi-koyu:#B9B3AD;--yesil:#1B7A4B;--kirmizi:#B32519;--golge:0 8px 24px rgba(0,0,0,.10);
  --f-baslik:"IBM Plex Sans Condensed","IBM Plex Sans",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --f-govde:"IBM Plex Sans",ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
  --f-veri:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --en:1120px;--pay:24px;--r:4px;
  /* eski sınıfların beklediği kısa adlar */
  --p:var(--yapi-metin);--p2:var(--turuncu-soluk);--g:var(--yesil);--t:var(--metin);--m:var(--metin-ikincil);--b:var(--cizgi);--bg:var(--kagit-alt);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-govde);font-size:15px;line-height:1.55;color:var(--metin);background:var(--kagit-alt)}
h1,h2,h3{font-family:var(--f-baslik);font-weight:700;line-height:1.15;margin:0 0 .4em;letter-spacing:-.02em}
h2{font-size:1.35rem} h3{font-size:1.05rem}
a{color:var(--vurgu-metin)}
.veri,.m.veri{font-family:var(--f-veri);font-variant-numeric:tabular-nums}
.etiket{font-family:var(--f-veri);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--metin-ikincil)}

/* üst çubuk — lacivert zemin, ana sitenin koyu bölümüyle aynı */
.topbar{background:var(--lacivert-koyu);color:#fff;border-bottom:3px solid var(--turuncu);padding:12px var(--pay);display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar h1{font-size:1.05rem;margin:0;color:#fff;letter-spacing:0}
.topbar h1 span{color:#F2A86A} .topbar h1 .m{color:rgba(255,255,255,.6);font-family:var(--f-veri);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-left:6px}
.topbar nav a,.topbar nav button{color:#fff;text-decoration:none;margin-left:16px;font-size:.85rem;background:none;border:0;cursor:pointer;font:inherit;opacity:.9}
.topbar nav a:hover,.topbar nav button:hover{opacity:1;text-decoration:underline}
.nav-cta{background:var(--turuncu);color:#fff!important;padding:7px 14px;border-radius:var(--r);font-family:var(--f-baslik);font-weight:700;opacity:1!important;text-decoration:none!important}
.nav-cta:hover{background:var(--turuncu-koyu)}
.kim{display:inline-flex;align-items:center;gap:8px;margin-left:14px;padding:4px 10px;border:1px solid rgba(255,255,255,.3);border-radius:var(--r);font-size:.75rem;color:#fff}
.kim img{width:22px;height:22px;border-radius:50%} .kim span{display:flex;flex-direction:column;line-height:1.15} .kim small{color:rgba(255,255,255,.65);font-size:.68rem}

.wrap{max-width:var(--en);margin:24px auto;padding:0 var(--pay);display:grid;gap:16px} .dar{max-width:520px}
.card{background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r);padding:20px}
.hint{color:var(--metin-ikincil);font-size:.85rem;line-height:1.5;margin-bottom:10px} .m{color:var(--metin-ikincil);font-size:.78rem}

/* düğmeler — .btn eski HTML'de, .dugme ana sitede; ikisi aynı */
.btn,.dugme,.sso button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-baslik);font-weight:700;font-size:1rem;
 padding:11px 20px;border:1px solid var(--cizgi-koyu);border-radius:var(--r);background:var(--kagit);color:var(--yapi-metin);cursor:pointer;text-decoration:none}
.btn:hover,.dugme:hover,.sso button:hover{border-color:var(--yapi-metin)}
.btn.p,.dugme--birincil{background:var(--turuncu);color:#fff;border-color:var(--turuncu)} .btn.p:hover,.dugme--birincil:hover{background:var(--turuncu-koyu);border-color:var(--turuncu-koyu)}
.sso{display:grid;gap:8px;margin:12px 0} .sso .apple{background:#000;color:#fff;border-color:#000}

/* form */
label.f{display:block;font-family:var(--f-veri);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--metin-ikincil);margin:10px 0 4px}
input[type=text],input[type=email],input[type=month]{width:100%;padding:9px 10px;border:1px solid var(--cizgi-koyu);border-radius:var(--r);font:inherit;font-size:.95rem;background:var(--kagit);color:var(--metin)}
input:focus{outline:2px solid var(--turuncu);outline-offset:1px;border-color:var(--turuncu)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.step{display:flex;gap:14px} .num{flex:none;width:28px;height:28px;border-radius:var(--r);background:var(--lacivert);color:#fff;font-family:var(--f-veri);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.grp{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;margin:6px 0 10px} .grp label{font-size:.85rem;display:flex;gap:6px;align-items:flex-start;padding:3px 0} .grp b{font-family:var(--f-veri);color:var(--yapi-metin);min-width:36px;font-weight:600}
.harf{font-weight:700;font-size:.9rem;margin:10px 0 2px;padding-top:8px;border-top:1px dashed var(--cizgi)}
.iller{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2px 8px;max-height:210px;overflow:auto;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px} .iller label{font-size:.82rem}
.chips label{display:inline-flex;gap:6px;align-items:center;font-size:.88rem;margin-right:14px}
.tl{position:relative} .tl::after{content:"TL";position:absolute;right:10px;top:10px;color:var(--metin-ikincil);font-family:var(--f-veri);font-size:.75rem}
#rehber{background:var(--turuncu-soluk);border-color:var(--turuncu-cerceve);font-size:.92rem}
details.katla{padding:0} details.katla>summary{padding:14px 18px;font-family:var(--f-baslik);font-weight:700;font-size:1rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
details.katla>summary::before{content:"▸";color:var(--turuncu)} details[open].katla>summary::before{content:"▾"} details.katla>div{padding:0 18px 18px}
details.harfgrp{border:1px solid var(--cizgi);border-radius:var(--r);margin:6px 0;background:var(--kagit-alt)}
details.harfgrp>summary{padding:10px 12px;cursor:pointer;font-size:.9rem;list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
details.harfgrp>summary::before{content:"▸";color:var(--turuncu);font-weight:700} details[open].harfgrp>summary::before{content:"▾"}
details.harfgrp>summary b{font-family:var(--f-veri);color:var(--yapi-metin)} details.harfgrp .grp{margin:0;padding:0 12px 10px}
#grup-ara{margin:4px 0 2px} #grup-secili b{color:var(--metin)}
details.katla2{margin-top:6px} details.katla2>summary{cursor:pointer;color:var(--vurgu-metin);font-size:.85rem;font-weight:600} details.katla2>div{margin-top:4px}
#ortak-tablo{margin-top:8px} #ortak-tablo td{padding:6px} #ortak-tablo select{width:100%;padding:4px;font-size:.8rem;border:1px solid var(--cizgi-koyu);border-radius:var(--r)} #ortak-tablo input{width:100%;padding:7px 9px;font-size:.88rem} .o-sil{padding:6px 10px;color:var(--kirmizi)}

/* tablo — ana sitenin g3 tablosu: lacivert başlık, zebra, mono sayı */
table{border-collapse:collapse;width:100%;font-size:.85rem}
th{text-align:left;font-family:var(--f-veri);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#fff;background:var(--lacivert);padding:10px 10px}
td{padding:9px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top} tbody tr:nth-child(even) td{background:var(--zebra)}
.n{text-align:right;font-family:var(--f-veri);font-variant-numeric:tabular-nums;white-space:nowrap}
.s{font-family:var(--f-veri);font-weight:600;font-size:.78rem;white-space:nowrap} .s.KATIL{color:var(--yesil)} .s.SINIRDA{color:var(--turuncu-koyu)} .s.ORTAK_GEREK{color:var(--yapi-metin)}
.ym{font-family:var(--f-veri);font-weight:600;color:var(--yapi-metin);white-space:nowrap} .sebep{font-size:.8rem;color:var(--metin-ikincil);max-width:300px}
/* sekmeler (liste) */
#sekme{display:flex;gap:0;border:1px solid var(--cizgi-koyu);border-radius:var(--r);overflow:hidden;width:max-content;max-width:100%;background:var(--kagit)}
.chip{font:inherit;font-family:var(--f-baslik);font-weight:700;font-size:.9rem;padding:9px 16px;border:0;border-right:1px solid var(--cizgi);background:transparent;color:var(--yapi-metin);cursor:pointer}
.chip:last-child{border-right:0} .chip.on{background:var(--lacivert);color:#fff}
.detayanah{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-family:var(--f-veri);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vurgu-metin);cursor:pointer;font-weight:600}
body:not(.detay-acik) .detay,body:not(.detay-acik) #tablo .detay{display:none}

/* ---- satış sayfası ---- */
.hero{background:var(--lacivert-koyu);color:#fff;padding:clamp(40px,7vw,72px) var(--pay) clamp(36px,6vw,56px);
 position:relative;overflow:hidden}
.hero::after{content:"G3";position:absolute;right:-.1em;bottom:-.35em;font:900 clamp(10rem,26vw,20rem)/1 var(--f-baslik);color:rgba(255,255,255,.04);letter-spacing:-.06em;pointer-events:none}
.hero{text-align:center} .hero>*{position:relative;max-width:var(--en);margin-inline:auto}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.035em;max-width:16ch;color:#fff;margin:0 auto .35em}
.hero p{color:rgba(255,255,255,.82);font-size:1.05rem;max-width:62ch;margin:0 auto}
.hero .rozet{display:inline-block;font-family:var(--f-veri);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#F2A86A;border:1px solid rgba(242,168,106,.5);border-radius:var(--r);padding:5px 10px;margin:0 0 18px}
.hero__cta{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .hero__cta .btn{text-decoration:none}
.hero .btn:not(.p){background:transparent;color:#fff;border-color:rgba(255,255,255,.45)} .hero .btn:not(.p):hover{border-color:#fff}
.bolum-bas{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:18px 0 0;letter-spacing:-.02em}
.kanit{background:#071F38;color:#fff;padding:18px var(--pay)}
.kanit__ic{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:var(--en);margin-inline:auto}
.kanit>div{font-size:.8rem;color:rgba(255,255,255,.75);line-height:1.3}
.kanit b{display:block;font:700 clamp(1.5rem,2.4vw,2.1rem)/1 var(--f-baslik);color:#F2A86A;font-variant-numeric:tabular-nums;margin-bottom:3px}
.kanit__ic>.m{grid-column:1/-1;margin:4px 0 0;border-top:1px solid rgba(255,255,255,.15);padding-top:8px;color:rgba(255,255,255,.55);font-family:var(--f-veri);font-size:.7rem}
.ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ikili ul{margin:8px 0 0;padding-left:18px;font-size:.9rem;line-height:1.55} .ikili li{margin-bottom:5px}
.ikili b{font-family:var(--f-baslik);font-size:1.05rem} .ikili b.kotu{color:var(--kirmizi)} .ikili b.iyi{color:var(--yesil)}
.ozellik{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ozellik div{background:var(--kagit);border:1px solid var(--cizgi);border-top:3px solid var(--lacivert);border-radius:var(--r);padding:16px;font-size:.9rem;color:var(--metin-ikincil)}
.ozellik div>b:first-child{display:block;margin-bottom:5px;font-family:var(--f-baslik);font-size:1.05rem;color:var(--metin)}
.card.fiyat{border-left:4px solid var(--turuncu)} .card.fiyat p{margin:0 0 8px;font-size:.95rem} .card.fiyat p:last-child{margin-bottom:0}
.fiyat__bas{font:700 clamp(1.5rem,2.6vw,2rem)/1.1 var(--f-baslik)!important;color:var(--yapi-metin);letter-spacing:-.02em;margin-bottom:10px!important}
.sss details{border-bottom:1px solid var(--cizgi);padding:2px 0} .sss details:last-child{border-bottom:0}
.sss summary{cursor:pointer;font-family:var(--f-baslik);font-weight:700;font-size:1rem;padding:11px 0;list-style:none;display:flex;gap:10px}
.sss summary::before{content:"+";color:var(--turuncu);font-weight:700;font-family:var(--f-veri)} .sss details[open] summary::before{content:"–"}
.sss details>div{font-size:.9rem;color:var(--metin-ikincil);padding:0 0 12px 22px;line-height:1.55}

/* terim sözlüğü */
button.terim{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:help;border-bottom:1px dotted var(--turuncu)}
button.terim:hover,button.terim[aria-expanded=true]{color:var(--vurgu-metin)}
button.terim::after{content:"?";font-family:var(--f-veri);font-size:.7em;font-weight:700;color:var(--turuncu);vertical-align:super;margin-left:1px}
.terim__ac[hidden]{display:none}
.terim__ac{display:block;margin:4px 0;padding:8px 10px;background:var(--turuncu-soluk);border-left:3px solid var(--turuncu);border-radius:0 var(--r) var(--r) 0;font-size:.85rem;color:var(--metin);line-height:1.45}

@media(max-width:700px){
 :root{--pay:16px}
 .wrap{gap:12px} .card{padding:14px}
 .hero h1{font-size:1.75rem}
 .grp{grid-template-columns:1fr} .iller{grid-template-columns:repeat(2,1fr);max-height:170px}
 .row{grid-template-columns:1fr} .topbar{padding:10px var(--pay)} .topbar h1{font-size:.95rem}
 .topbar nav a:not(.nav-cta){display:none} .nav-cta{padding:6px 11px;font-size:.8rem;margin-left:0}
 #ortak-tablo thead,#tablo thead,#sonuc thead{display:none}
 #ortak-tablo tr,#tablo tbody tr,#sonuc tbody tr{display:block;border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:10px;padding:8px;background:var(--kagit)}
 #ortak-tablo td,#tablo td,#sonuc td{display:block;border:0;padding:4px 2px;text-align:left;background:none!important}
 #tablo td.n,#sonuc td.n{text-align:left} #tablo td:empty{display:none}
 #sekme{width:100%} .chip{flex:1;padding:9px 6px;font-size:.8rem}
 .kim span{display:none} .kim{padding:4px 6px}
 .kanit b{font-size:1.4rem} .hero__cta .btn{flex:1 1 100%}
}

/* fiyat paketleri */
.paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.paket{display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--lacivert)} .paket--pro{border-top-color:var(--turuncu)}
.paket__fiyat{margin:0;font-family:var(--f-baslik)} .paket__fiyat b{font-size:2rem;color:var(--yapi-metin);letter-spacing:-.02em} .paket__fiyat span{color:var(--metin-ikincil);font-size:.9rem;margin-left:4px}
.paket ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.55;flex:1} .paket li{margin-bottom:5px}
.paket .btn{justify-content:center}
.yakinda{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:var(--r);background:var(--turuncu-soluk);color:var(--turuncu-koyu);border:1px solid var(--turuncu-cerceve);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.s.ULUSLARARASI{color:var(--yapi-metin)} tr.izlenen td{background:var(--turuncu-soluk)!important} tr.izlenen td:first-child{box-shadow:inset 3px 0 var(--turuncu)}
.kapasite-kutu{margin-top:12px;padding:10px 12px;background:var(--turuncu-soluk);border-left:3px solid var(--turuncu)} .kapasite-kutu #kapasite{margin:0;padding:4px 0;color:var(--metin)}