/* 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)} }
/* Ust serit: Digital Bridge telefonu (kullanici karari 2026-10-28; smart360 yeni.css "Ust serit" birebir) */
.ust-serit{background:var(--murekkep);color:#fff;font-size:13px}
.ust-serit-ic{display:flex;justify-content:flex-end;align-items:center;gap:20px;min-height:32px;flex-wrap:wrap}
.ust-tel{display:inline-flex;align-items:center;gap:6px;color:inherit;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;text-decoration:none}
.ust-tel svg{width:15px;height:15px;flex:none}
.ust-tel:hover,.ust-tel:focus-visible{text-decoration:underline}
@media (max-width:640px){.ust-serit-ic{justify-content:center;gap:16px}}
/* Panele giris (2026-10-29): ust menude dolu dugme; dar ekranda menude (kit .giris kurali gibi gizlenir) */
.mobil-panel a.panel-giris{background:var(--marka);color:#fff;justify-content:center;margin-top:8px;font-weight:600}
@media (max-width:980px){ .ust-sag .panel-giris{display:none} }
/* Marka gecisi: "Smart360 Operator" uzun adi 981-1220px'te menuyu sigdirmiyordu; bu aralikta da mobil menu (kit 980px kurali birebir) */
@media (min-width:981px) and (max-width:1220px){
  .menu,.ust-sag .giris-menu{display:none}
  .ust-ic{gap:12px}
  .ust-sag{margin-left:auto}
  .mobil-menu{display:block}
  .mobil-menu summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;cursor:pointer}
  .mobil-menu summary::-webkit-details-marker{display:none}
  .mobil-menu summary svg{width:24px;height:24px}
  .mobil-panel{position:fixed;inset:68px 0 auto 0;max-height:calc(100dvh - 68px);overflow:auto;background:var(--kart);
    border-bottom:1px solid var(--cizgi);box-shadow:var(--golge-l);padding:12px var(--kenar) 24px;display:grid;gap:4px}
  .mobil-panel a{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:12px;color:var(--murekkep);font-weight:500}
  .mobil-panel a img{width:28px;height:28px}
  .mobil-panel hr{border:0;border-top:1px solid var(--cizgi);margin:8px 0}
}
/* Marka gecisi: dar telefonda logo + dil secici + "Teklif iste" + menu dugmesi 375px'e sigmiyordu (~48px tasma); ust cubuktaki Teklif dugmesi <=440px'te gizlenir (kahraman bolumundeki ayni CTA durur) */
@media (max-width:440px){ .ust-sag > a.d-ana{display:none} }