/* SmartOperator - URUN UYARLAMASI (tasarim-kit/urun.css ornegi uzerine) + siteye ozgu kucuk eklemeler.
   Kit dosyalari (kit/jetonlar.css, kit/bilesenler.css, kit/hareket.js) DUZENLENMEZ.
   Cerceve: Smart360/docs/tasarim-cercevesi.md §7. Yalniz acik tema; animasyon yok (kitinkiler disinda). */

/* 1) Vurgu rengi (cerceve §7: SmartOperator #0f9d8f) */
body[data-urun]{--urun:#0f9d8f;--urun-acik:#e1f4f1}

/* 2) Logo yazisi: "Smart" + urun eki */
.logo b span{color:var(--marka)}

/* 3) Gorselsiz yalin hero (SSS, iletisim) */
.hs-yalin .k{grid-template-columns:1fr;max-width:860px}
.hs-yalin .hs-metin{text-align:left}

/* 4) Izgara 3/4 kart */
.izgara6.dort{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){ .izgara6.dort{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .izgara6.dort{grid-template-columns:1fr} }
.mini-kart h3 a{color:inherit;text-decoration:none}
.mini-kart h3 a:hover{color:var(--marka)}

/* 5) Kod kutusu - ACIK (cerceve §2: koyu kod kutusu yok) */
.kod-kutu{margin-top:18px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-m,12px);padding:14px 16px;overflow-x:auto;
  font:500 13px/1.6 "Geist Mono",ui-monospace,monospace;color:var(--murekkep);white-space:pre}

/* 6) Karsilastirma tablosu dar ekranda tasmasin */
.kiyas-sar{max-width:960px;margin:0 auto}
.kiyas th a{color:inherit;text-decoration:none;border-bottom:1px dashed var(--cizgi2)}

/* 7) CLS: dar ekranda hero alt metni yedek fontta (Geist Yedek) bir satir fazla kiriliyordu (390px'te
   CLS 0,10-0,18, olculdu). Uc satirlik yer ayrilir; font gelince kayma olmaz. */
@media (max-width:600px){ .hs .alt{min-height:3lh} .hs .guven{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin-inline:auto} }

/* 8) Belge/rehber/sektor sayfalarinda eski /stil.css icerik icin kalir; kitin ayarlamadigi
   ozellikleri yeni ust bilgiye sizdirmasin (eski .menu flex, details summary "+" ve dolgu, kenarlik). */
header.ust .menu{flex:0 1 auto;justify-content:normal;min-width:auto}
header.ust a,footer.alt-bilgi a{border:0}
header.ust .mobil-menu summary{padding:0}
header.ust .mobil-menu summary::after{content:none}

/* 9) Adim adim anlatim siralI liste olarak (ol.adimlar); ilgili belge/rehber listesi */
ol.adimlar{list-style:none;margin:0;padding:0}
.kaynak-liste{list-style:none;margin:0 auto;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kaynak-liste a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-m,12px);color:var(--murekkep);font-weight:600;text-decoration:none}
.kaynak-liste a:hover{border-color:var(--marka);color:var(--marka)}
.kaynak-liste .cip{flex:0 0 auto}
@media (max-width:700px){ .kaynak-liste{grid-template-columns:1fr} }
@media (min-width:900px){ ol.adimlar:has(> li:nth-child(4)){grid-template-columns:repeat(4,1fr)} }