/* İç sayfalar: genel düzen (sy-), Çözümler sayfaları (cz-, sortly.com/solutions/ yerleşimi), ekran çerçeveleri ve barkod vitrini.
   Değişkenler site.css'tedir. */
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nav-link.aktif { color: var(--red); }
.mega-item[aria-current="page"] { background: var(--grey); }
.drawer a[aria-current="page"] { color: var(--red); }

/* ---------- kırıntı ---------- */
.kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; list-style: none; margin: 0 0 22px; padding: 0; font-size: .92rem; color: var(--ink-2); }
.kirinti li + li::before { content: ">"; margin-right: 10px; color: var(--muted); }
.kirinti a:hover { color: var(--red); }
.kirinti [aria-current] { color: var(--ink); font-weight: 500; }

/* ---------- genel iç sayfa girişi ---------- */
.sy-ust { background: var(--grey); padding: 40px 0 80px; overflow: hidden; }
.sy-ust > .wrap { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.sy-ust.tek > .wrap { grid-template-columns: minmax(0, 860px); }
.sy-etiket { display: flex; align-items: center; gap: 10px; font-weight: 600; margin-bottom: 14px; }
.sy-etiket .i { color: var(--red); width: 28px; height: 28px; stroke-width: 1.5; }
.sy-ust h1 { font-size: clamp(2.1rem, 4.2vw, 3.3rem); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.sy-ust .lead { margin-top: 18px; color: var(--ink-2); font-size: 1.15rem; }
.sy-ozet { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 10px; }
.sy-ozet li { display: flex; gap: 10px; align-items: flex-start; color: var(--ink-2); }
.sy-ozet .i { color: var(--ok); width: 20px; height: 20px; stroke-width: 2.4; margin-top: 2px; }
.sy-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; margin-top: 30px; }
.sy-gorsel { min-width: 0; }

/* ---------- nasıl yapılır ---------- */
.sy-nasil { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.sy-metin p { color: var(--ink-2); font-size: 1.04rem; line-height: 1.7; }
.sy-metin p + p { margin-top: 16px; }
.sy-gerekenler { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 24px; box-shadow: var(--shadow); }
.grey .sy-gerekenler { background: #fff; }
.sy-gerekenler h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.sy-gerekenler h3 .i { color: var(--red); }
.sy-gerekenler ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sy-gerekenler li { display: flex; gap: 10px; color: var(--ink-2); font-size: .95rem; }
.sy-gerekenler li .i { color: var(--ok); width: 18px; height: 18px; stroke-width: 2.4; margin-top: 3px; }

/* ---------- ikonlu adımlar ---------- */
.sy-adim-duzen { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 56px; align-items: start; }
.sy-yapiskan { position: sticky; top: 110px; }
.sy-adimlar { list-style: none; margin: 0; padding: 0; display: grid; }
.sy-adim { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; position: relative; padding-bottom: 30px; }
.sy-adim::before { content: ""; position: absolute; left: 31px; top: 70px; bottom: 6px; width: 2px; background: repeating-linear-gradient(var(--line) 0 6px, transparent 6px 11px); }
.sy-adim:last-child { padding-bottom: 0; }
.sy-adim:last-child::before { display: none; }
.sy-adim-ikon { position: relative; width: 64px; height: 64px; border-radius: 18px; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; color: var(--red); box-shadow: var(--shadow); }
.sy-adim-ikon .i { width: 30px; height: 30px; stroke-width: 1.5; }
.sy-adim-no { position: absolute; top: -8px; right: -8px; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: var(--red); color: #fff; font: 600 .72rem/24px var(--f-mono); text-align: center; }
.sy-adim h3 { margin-top: 8px; font-size: 1.1rem; }
.sy-adim p { margin-top: 6px; color: var(--ink-2); font-size: .97rem; max-width: 62ch; }

/* ---------- kartlar, tablo, makale ---------- */
.sy-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sy-kartlar.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sy-kart { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 10px; transition: border-color .15s, transform .15s; }
a.sy-kart:hover { border-color: var(--ink); transform: translateY(-2px); }
.sy-kart .ico { width: 44px; height: 44px; border-radius: 10px; background: var(--red-soft); color: var(--red); display: grid; place-items: center; }
.sy-kart p { color: var(--muted); font-size: .93rem; }
.sy-kart ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: .9rem; color: var(--ink-2); }
.sy-kart li { display: flex; gap: 10px; }
.sy-kart li::before { content: ""; width: 6px; height: 6px; border-radius: 1px; background: var(--red); margin-top: .62em; flex: none; }
.sy-kart .devam { margin-top: auto; padding-top: 6px; color: var(--red); font-weight: 500; display: inline-flex; align-items: center; gap: 8px; }
.sy-kart .devam .i { width: 16px; height: 16px; }
.sy-tablo-kap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.sy-tablo { width: 100%; border-collapse: collapse; font-size: .95rem; }
.sy-tablo th, .sy-tablo td { padding: 13px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.sy-tablo thead th { font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 500; background: #fafafb; }
.sy-tablo tbody th { font-weight: 600; color: var(--ink); white-space: nowrap; }
.sy-tablo tr:last-child > * { border-bottom: 0; }
.sy-tablo td { color: var(--ink-2); }
.sy-tablo-not { margin-top: 12px; font-size: .88rem; color: var(--muted); }
.sy-makale { max-width: 780px; }
.sy-makale p { color: var(--ink-2); font-size: 1.05rem; line-height: 1.7; margin-top: 16px; }
.sy-kod { font: .92rem/1.6 var(--f-mono); background: var(--grey); border: 1px solid var(--line); border-radius: 10px; padding: 16px 18px; margin-top: 18px; overflow-x: auto; }
.sy-sss-grup { margin: 30px 0 4px; font-size: 1.05rem; color: var(--red); }
.sy-sss-grup:first-child { margin-top: 0; }
.pains.dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* ---------- barkod vitrini (gerçek barkodlar, barkod.js ile çizilir) ---------- */
.vitrin { background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); padding: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vitrin figure { margin: 0; border: 1px solid var(--line); border-radius: 10px; padding: 14px; display: grid; gap: 10px; align-content: start; }
.vitrin figure.genis { grid-column: 1 / -1; }
.vitrin-kod { min-height: 84px; display: grid; place-items: center; }
.vitrin-kod .barkod-svg { width: 100%; height: auto; max-height: 130px; }
.vitrin-kod .mono { font-size: .8rem; color: var(--muted); overflow-wrap: anywhere; }
.vitrin figcaption b { display: block; font-size: .9rem; }
.vitrin figcaption small { color: var(--muted); font-size: .8rem; }

/* ---------- maket bileşenleri (iç sayfa görselleri) ---------- */
.sy-uyarilar { list-style: none; margin: 0; padding: 6px 18px 12px; }
.sy-uyarilar li { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.sy-uyarilar li:last-child { border-bottom: 0; }
.sy-uyarilar .i { width: 20px; height: 20px; flex: none; margin-top: 2px; }
.sy-uyarilar .kirmizi .i { color: var(--red); }
.sy-uyarilar .turuncu .i { color: var(--warn); }
.sy-uyarilar b { display: block; font-size: .88rem; }
.sy-uyarilar small { color: var(--muted); font-size: .8rem; }
.sy-hesap { width: 100%; border-collapse: collapse; font: .82rem var(--f-mono); text-align: center; }
.sy-hesap th, .sy-hesap td { border: 1px solid var(--line); padding: 7px 4px; }
.sy-hesap th { font: 600 .72rem var(--f-body); color: var(--muted); text-align: left; padding-left: 8px; background: #fafafb; }
.sy-hesap .kb { color: var(--red); font-weight: 600; }
.sy-sonuc { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; font-size: .9rem; }
.sy-sonuc b { font: 600 1.2rem var(--f-mono); letter-spacing: .04em; }
.sy-sonuc b span { color: var(--red); }
.sy-onek { display: grid; grid-template-columns: repeat(4, auto); justify-content: center; gap: 4px; font: 600 1.35rem var(--f-mono); margin: 4px 0 14px; }
.sy-onek span { padding: 6px 10px; border-radius: 6px; background: var(--grey); text-align: center; }
.sy-onek small { display: block; font: 500 .66rem var(--f-body); color: var(--muted); margin-top: 4px; }
.sy-onek .k { background: var(--red-soft); color: var(--red); }

/* ---------- ekran çerçeveleri: gerçek BARKODOS panel ekranları, üst çubukta BARKODOS işareti ---------- */
.ekran { position: relative; margin: 0; }
.ekran-masaustu { background: #fff; border: 1px solid #dcdde3; border-radius: 14px; box-shadow: var(--shadow-lg); overflow: hidden; }
.ekran-cubuk { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px; background: #f3f3f5; border-bottom: 1px solid #e4e5ea; }
.ekran-cubuk .noktalar { display: flex; gap: 6px; }
.ekran-cubuk .noktalar i { width: 9px; height: 9px; border-radius: 50%; background: #d4d5dc; }
.ekran-marka { display: inline-flex; align-items: center; gap: 6px; font: 700 .78rem var(--f-head); color: var(--ink); margin-left: 6px; }
.ekran-marka svg { width: 19px; height: 15px; display: inline-block; }
.ekran-marka b { color: var(--red); font-weight: 700; }
.ekran-adres { flex: 1; max-width: 320px; margin-left: auto; height: 20px; border-radius: 6px; background: #fff; border: 1px solid #e4e5ea; font: .66rem/18px var(--f-mono); color: var(--muted); padding: 0 8px; white-space: nowrap; overflow: hidden; }
.ekran img { display: block; width: 100%; height: auto; }
.ekran-telefon { position: absolute; right: -10px; bottom: -40px; width: 30%; min-width: 150px; max-width: 220px; background: #15171c; border-radius: 30px; padding: 8px; box-shadow: var(--shadow-lg); }
.ekran-telefon .ekran-ic { border-radius: 23px; overflow: hidden; background: #fff; }
.ekran-telefon .ekran-ust { display: flex; justify-content: center; align-items: center; gap: 5px; height: 22px; background: #fff; border-bottom: 1px solid #eee; font: 700 .6rem var(--f-head); color: var(--ink); }
.ekran-telefon .ekran-ust svg { width: 13px; height: 10px; display: inline-block; }
.ekran-telefon .ekran-ust b { color: var(--red); }
.ekran-not { margin-top: 10px; font-size: .78rem; color: var(--muted); }

/* ================= ÇÖZÜMLER (sortly.com/solutions/ sayfa yerleşimi) ================= */
.cz { --cz-ink: #2f313a; }
.cz h1, .cz h2 { color: var(--cz-ink); font-weight: 600; letter-spacing: -.01em; }
.cz-ust { background: #f7f7f7; padding: 22px 0 110px; overflow: hidden; }
.cz-ust > .wrap { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: 60px; align-items: center; }
.cz-ust h1 { font-size: clamp(2.4rem, 4.2vw, 3.5rem); line-height: 1.14; }
.cz-ust h1 .r { color: var(--red); }
.cz-ust .lead { margin-top: 26px; font-size: 1.25rem; line-height: 1.5; color: var(--cz-ink); max-width: 30ch; }
.cz-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 46px; margin-top: 40px; }
.cz-ctas .btn { min-height: 42px; padding: 8px 26px; }
.cz-ust .ekran { margin-right: calc(-1 * clamp(0px, (100vw - 1180px) / 2 + 24px, 200px)); }
.cz-bolum { padding: 88px 0; }
.cz-bolum.gri { background: #f7f7f7; }
.cz-merkez { text-align: center; max-width: 800px; margin: 0 auto; }
.cz-merkez h2, .cz-sol h2 { font-size: clamp(1.9rem, 3.4vw, 2.75rem); line-height: 1.2; }
.cz-merkez p { margin-top: 26px; font-size: 1rem; color: var(--cz-ink); }
.cz-icerik { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 50px; }
.cz-icerik.ters > :first-child { order: 2; }
.cz-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 26px; }
.cz-liste li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 20px; font-size: 1rem; color: var(--cz-ink); line-height: 1.5; }
.cz-liste .i { color: var(--red); width: 22px; height: 22px; stroke-width: 2.2; margin-top: 2px; }
.cz-sol h2 { max-width: 22ch; }
.cz-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 46px 34px; margin-top: 56px; }
.cz-oge .i { color: var(--red); width: 26px; height: 26px; stroke-width: 1.5; margin-bottom: 24px; }
.cz-oge h3 { font: 500 1rem var(--f-body); color: var(--cz-ink); }
.cz-oge p { font-size: .92rem; color: var(--cz-ink); margin-top: 4px; line-height: 1.45; }
.cz-oge a { display: inline-flex; align-items: center; gap: 14px; margin-top: 4px; color: var(--red); font-size: .92rem; }
.cz-oge a .i { width: 14px; height: 14px; margin: 0; stroke-width: 2.2; }
.cz-oge a:hover { text-decoration: underline; text-underline-offset: 3px; }
.cz-sekmeler { display: flex; justify-content: center; gap: 4px 28px; flex-wrap: wrap; margin: 34px auto 0; border-bottom: 1px solid #e3e3e6; max-width: 1040px; }
.cz-sekmeler button { background: none; border: 0; border-bottom: 2px solid transparent; padding: 6px 2px 14px; font: 500 1.25rem var(--f-body); color: #8b8d94; cursor: pointer; margin-bottom: -1px; }
.cz-sekmeler button[aria-selected="true"] { color: var(--red); border-bottom-color: var(--red); }
.cz-sekmeler button:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.cz-ozellikler[hidden] { display: none; }
.cz-ozellikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; margin-top: 44px; text-align: center; }
.cz-ozellik .i { color: var(--red); width: 24px; height: 24px; stroke-width: 1.6; margin: 0 auto 16px; }
.cz-ozellik h3 { font: 600 1rem var(--f-body); color: var(--cz-ink); }
.cz-ozellik p { margin-top: 18px; font-size: .92rem; line-height: 1.5; color: var(--cz-ink); }
.cz-son { padding: 80px 0 90px; text-align: center; }
.cz-son h2 { font-size: clamp(1.9rem, 3.4vw, 2.75rem); line-height: 1.2; max-width: 18ch; margin: 0 auto; }
.cz-son p { margin-top: 22px; color: var(--cz-ink); }
.cz-son .cz-ctas { justify-content: center; gap: 16px; margin-top: 30px; }

@media (max-width: 1080px) {
  .sy-kartlar.dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cz-ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .sy-ust > .wrap, .sy-nasil, .sy-adim-duzen, .cz-ust > .wrap, .cz-icerik { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .sy-yapiskan { position: static; }
  .cz-ust .ekran { margin-right: 0; }
  .cz-icerik.ters > :first-child { order: 0; }
  .cz-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sy-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .sy-ust { padding: 26px 0 56px; }
  .sy-kartlar, .sy-kartlar.dort, .vitrin, .cz-izgara, .cz-ozellikler, .pains.dort { grid-template-columns: minmax(0, 1fr); }
  .sy-adim { grid-template-columns: 52px minmax(0, 1fr); gap: 14px; }
  .sy-adim-ikon { width: 52px; height: 52px; border-radius: 14px; }
  .sy-adim::before { left: 25px; top: 58px; }
  .cz-ust { padding-bottom: 80px; }
  .cz-bolum { padding: 60px 0; }
  .cz-sekmeler button { font-size: 1.05rem; }
  .ekran-telefon { width: 38%; min-width: 0; right: -4px; bottom: -30px; border-radius: 22px; padding: 6px; }
  .ekran-telefon .ekran-ic { border-radius: 17px; }
  .ekran-adres { display: none; }
}

/* ================= SEKTÖRLER (sortly.com/industries/… sayfa yerleşimi) ================= */
.sk-ust { background: #fff; padding: 22px 0 90px; overflow: hidden; }
.sk-ust > .wrap { display: grid; grid-template-columns: minmax(0, 500px) minmax(0, 1fr); gap: 60px; align-items: center; }
.sk-ust h1 { font-size: clamp(2.4rem, 4.2vw, 3.5rem); line-height: 1.14; }
.sk-ust h1 .r { color: var(--red); }
.sk-ust .lead { margin-top: 24px; font-size: 1.12rem; line-height: 1.55; color: var(--cz-ink); }
.sk-giris2 { margin-top: 14px; color: var(--cz-ink); font-size: 1rem; }
.sk-ust .sk-liste { margin-top: 22px; gap: 12px; }
.sk-ust .cz-ctas { margin-top: 30px; }
.sk-ust .ekran { margin-right: calc(-1 * clamp(0px, (100vw - 1180px) / 2 + 24px, 200px)); }
.sk-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.sk-liste li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; align-items: start; }
.sk-liste .i { color: var(--red); width: 20px; height: 20px; stroke-width: 2.4; margin-top: 3px; }
.sk-liste p { font-size: .98rem; line-height: 1.55; color: var(--cz-ink); }
.sk-liste b { font-weight: 600; }
.sk-merkez { max-width: 920px; }
.sk-icerik { align-items: center; }
.sk-dugme { margin-top: 30px; }
.sk-kutular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }
.sk-kutu { background: #f7f7f7; border-radius: 10px; padding: 22px 20px; display: grid; gap: 8px; align-content: start; }
.sk-kutu .i { color: var(--red); width: 24px; height: 24px; stroke-width: 1.6; margin-bottom: 6px; }
.sk-kutu h3 { font: 600 .98rem var(--f-body); color: var(--cz-ink); }
.sk-kutu p { font-size: .88rem; line-height: 1.45; color: var(--cz-ink); }
.sk-not { margin-top: 22px; text-align: center; font-size: .86rem; color: var(--muted); }
.sk-rehberler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 40px; }
.sk-rehber { display: grid; gap: 10px; align-content: start; color: var(--cz-ink); }
.sk-rehber img { width: 100%; height: auto; aspect-ratio: 36 / 25; object-fit: cover; object-position: left top; border-radius: 10px; border: 1px solid var(--line); background: #fff; }
.sk-etiket { font: 600 .72rem var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.sk-rehber b { font: 600 1.05rem/1.35 var(--f-head); }
.sk-oku { display: inline-flex; align-items: center; gap: 8px; color: var(--red); font-size: .92rem; }
.sk-oku .i { width: 14px; height: 14px; stroke-width: 2.2; }
.sk-rehber:hover b { color: var(--red); }
@media (max-width: 1080px) { .sk-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) {
  .sk-ust > .wrap { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .sk-ust .ekran { margin-right: 0; }
  .sk-rehberler { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
}
@media (max-width: 640px) {
  .sk-kutular { gap: 10px; margin-top: 32px; }
  .sk-kutu { padding: 16px 14px; gap: 6px; }
  .sk-kutu .i { margin-bottom: 2px; }
  .sk-kutu h3 { font-size: .9rem; }
  .sk-kutu p { font-size: .8rem; }
  .sk-ust { padding-bottom: 70px; }
}

/* ---------- Öğren menüsü sayfaları (sortly.com Learn sayfalarının yerleşimi; site/ogren-sablon.mjs) ---------- */
.og-ust { padding: 26px 0 70px; overflow: hidden; }
.og-ust > .wrap { display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 64px; align-items: center; }
.og-ust h1 { font-size: clamp(2.4rem, 4.4vw, 3.6rem); line-height: 1.12; color: var(--cz-ink); }
.og-ust h1 .r, .og-sozluk-ust h1 .r, .og-yan-kutu .r { color: var(--red); }
.og-ust .lead { margin-top: 24px; font-size: 1.15rem; line-height: 1.55; color: var(--cz-ink); max-width: 40ch; }
.og-ust .cz-ctas { margin-top: 30px; }
.og-leke { position: relative; padding: 34px 0 34px 34px; }
.og-leke::before { content: ""; position: absolute; inset: 0 -40px 0 0; background: #f3ebe4; border-radius: 58% 42% 46% 54% / 52% 44% 56% 48%; }
.og-leke .ekran { position: relative; }
.og-tur-gorsel .ekran { margin-right: calc(-1 * clamp(0px, (100vw - 1180px) / 2 + 24px, 160px)); }
.og-bolum { padding: 72px 0; }
.og-bolum.gri { background: #f7f7f7; }
.og-dar { max-width: 1040px; }
.og-sol-baslik { font-size: clamp(1.6rem, 2.6vw, 2.1rem); line-height: 1.25; color: var(--cz-ink); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.og-sol-p { margin-top: 12px; color: var(--cz-ink); font-size: 1rem; }

/* Konu süzgeci + kart ızgarası (reports, blog) */
.og-arsiv { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 44px; align-items: start; }
.og-konular h2 { font: 600 1.15rem var(--f-head); color: var(--cz-ink); margin-bottom: 12px; }
.og-konular h2 + ul, .og-konular ul + h2 { margin-top: 0; }
.og-konular ul + h2 { margin-top: 28px; }
.og-konular ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.og-konular button { background: none; border: 0; padding: 4px 0; font: 400 .95rem var(--f-body); color: var(--cz-ink); cursor: pointer; text-align: left; }
.og-konular button:hover, .og-konular button[aria-pressed="true"] { color: var(--red); }
.og-konular button[aria-pressed="true"] { font-weight: 600; }
.og-yan-link a { display: block; padding: 4px 0; font-size: .95rem; color: var(--cz-ink); }
.og-yan-link a:hover { color: var(--red); }
.og-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 26px; }
.og-kart { display: grid; gap: 12px; align-content: start; color: var(--cz-ink); }
.og-kart[hidden] { display: none; }
.og-kart h3 { font: 600 1.05rem/1.35 var(--f-head); }
.og-kart:hover h3 { color: var(--red); }
.og-kart small { color: var(--muted); font-size: .85rem; }
.og-resim img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: left top; border-radius: 10px; border: 1px solid var(--line); background: #fff; }
.og-etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.og-etiket { background: #efeff1; border-radius: 4px; padding: 3px 9px; font-size: .78rem; color: var(--ink-2); }
.og-bos { margin-top: 20px; color: var(--muted); }
.og-kapak { position: relative; display: grid; align-content: end; gap: 6px; aspect-ratio: 16 / 10; border-radius: 10px; padding: 18px; overflow: hidden; }
.og-kapak .i { position: absolute; right: 16px; top: 16px; width: 54px; height: 54px; stroke-width: 1.4; opacity: .9; }
.og-kapak b { font: 700 1.35rem/1.15 var(--f-head); max-width: 70%; }
.og-kapak i { font: 700 .72rem var(--f-body); letter-spacing: .06em; font-style: normal; opacity: .85; }
.og-kapak i em { font-style: normal; color: var(--red); }
.og-kapak--kirmizi { background: var(--red); color: #fff; }
.og-kapak--kirmizi i em { color: #2f313a; }
.og-kapak--koyu { background: #2f313a; color: #fff; }
.og-kapak--krem { background: #f3ebe4; color: var(--cz-ink); }
.og-kapak--krem .i { color: var(--red); }
.og-one { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.og-kart--one h3 { font-size: 1.15rem; }

/* Kontrol listeleri */
.og-kontroller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 44px; }
.og-kontrol { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 26px; scroll-margin-top: 110px; }
.og-kontrol:target { border-color: var(--red); box-shadow: 0 0 0 3px var(--red-soft); }
.og-kontrol-bas { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.og-kontrol-ikon { width: 44px; height: 44px; border-radius: 10px; background: var(--red-soft); color: var(--red); display: grid; place-items: center; }
.og-kontrol-ikon .i { width: 22px; height: 22px; }
.og-kontrol h3 { font: 600 1.05rem/1.35 var(--f-head); color: var(--cz-ink); }
.og-kontrol-bas p { margin-top: 4px; font-size: .88rem; color: var(--muted); }
.og-kontrol-bas .btn { min-height: 36px; padding: 6px 14px; font-size: .85rem; background: #f3f3f4; border-color: var(--line); color: var(--ink); }
.og-kontrol-bas .btn .i { width: 16px; height: 16px; }
.og-kontrol ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 2px; }
.og-kontrol label { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 7px 0; font-size: .93rem; line-height: 1.45; color: var(--cz-ink); cursor: pointer; border-bottom: 1px dashed var(--line); }
.og-kontrol input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--red); }
.og-kontrol input:checked + span { color: var(--muted); text-decoration: line-through; }
.og-kontrol-not { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; margin-top: 16px; font-size: .83rem; line-height: 1.5; color: var(--ink-2); background: #fbf6e9; border-radius: 8px; padding: 10px 12px; }
.og-kontrol-not .i { width: 16px; height: 16px; color: var(--warn); margin-top: 2px; }

/* Çağrı kutusu (sortly "Try … free" kutusu) */
.og-son { padding: 40px 0 90px; }
.og-son-kutu { background: #f3ebe4; border-radius: 18px; padding: 56px 32px; text-align: center; }
.og-son-kutu h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.2; color: var(--cz-ink); }
.og-son-kutu p { margin: 14px auto 0; max-width: 60ch; color: var(--cz-ink); }
.og-son-kutu .cz-ctas { justify-content: center; margin-top: 26px; }

/* Örnek kurulum (case study) */
.og-vaka-ust { background: #2f313a; color: #fff; }
.og-vaka-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 520px; }
.og-vaka-sol { padding: 30px 48px 56px max(24px, calc((100vw - 1180px) / 2 + 24px)); display: grid; align-content: center; gap: 22px; }
.og-vaka-ust .kirinti, .og-vaka-ust .kirinti [aria-current] { color: #d9dbe2; margin: 0; }
.og-vaka-ust .kirinti li + li::before { color: #9aa0ad; }
.og-vaka-ust h1 { font-size: clamp(1.9rem, 3.2vw, 2.7rem); line-height: 1.18; color: #fff; }
.og-rozet { justify-self: start; display: inline-flex; align-items: center; gap: 8px; background: #fbf0d0; color: #6b4a00; border-radius: 999px; padding: 6px 14px; font-size: .82rem; font-weight: 600; }
.og-rozet .i { width: 15px; height: 15px; }
.og-sayilar { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; text-align: center; }
.og-sayilar li { display: grid; justify-items: center; gap: 8px; }
.og-daire { width: 74px; height: 74px; border-radius: 50%; background: var(--red); display: grid; place-items: center; }
.og-daire .i { width: 34px; height: 34px; color: #fff; stroke-width: 1.6; }
.og-sayilar b { font: 700 1.35rem var(--f-head); }
.og-sayilar small { font-size: .8rem; line-height: 1.4; color: #d9dbe2; max-width: 18ch; }
.og-vaka-gorsel { position: relative; overflow: hidden; background: #fff; }
.og-vaka-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.og-vaka { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.og-vaka-govde > h2 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); color: var(--cz-ink); margin: 34px 0 12px; }
.og-vaka-govde p, .og-yazi p { color: var(--cz-ink); line-height: 1.7; margin-top: 12px; }
.og-giris { font-size: 1.05rem; }
.og-uyari { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; background: #fbf6e9; border: 1px solid #f1e3b8; border-radius: 10px; padding: 12px 14px; font-size: .9rem !important; margin-top: 0 !important; }
.og-uyari .i { width: 18px; height: 18px; color: var(--warn); margin-top: 3px; }
.og-madde { margin: 14px 0 0; padding-left: 20px; display: grid; gap: 10px; color: var(--cz-ink); line-height: 1.6; }
.og-madde b { font-weight: 600; }
.og-ipucu { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 18px; align-items: center; background: #f3ebe4; border-radius: 16px; padding: 24px 26px; margin-top: 24px; }
.og-ipucu-ikon { width: 54px; height: 54px; border-radius: 50%; background: var(--red); display: grid; place-items: center; }
.og-ipucu-ikon .i { width: 26px; height: 26px; color: #fff; }
.og-ipucu p { margin: 0 !important; font-size: 1.02rem; }
.og-vaka-govde .ekran, .og-yazi .ekran { margin-top: 26px; }
.og-vaka-yan { display: grid; gap: 22px; position: sticky; top: 100px; }
.og-yan-kutu { border-radius: 14px; padding: 26px; color: var(--cz-ink); }
.og-yan-kutu.krem { background: #f3ebe4; }
.og-yan-kutu.pembe { background: #fdeceb; }
.og-yan-kutu.gri { background: #efeff1; }
.og-yan-ikon .i { width: 46px; height: 46px; stroke-width: 1.3; }
.og-yan-kutu h3 { font: 600 1.15rem/1.3 var(--f-head); margin: 6px 0 14px; }
.og-yan-kutu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: .92rem; line-height: 1.45; }
.og-ikonlu li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: center; }
.og-ikonlu li > span { width: 34px; height: 34px; border-radius: 50%; background: #fff; display: grid; place-items: center; color: var(--red); }
.og-ikonlu .i { width: 18px; height: 18px; }
.og-ikonlu a { color: var(--red); }

/* Karşılaştırma (… vs. …) */
.og-kiyas { background: #f6efe9; border-radius: 18px; padding: 56px clamp(18px, 4vw, 56px); }
.og-kiyas-tablo { width: 100%; border-collapse: collapse; margin-top: 36px; font-size: .95rem; color: var(--cz-ink); }
.og-kiyas-tablo thead th { font: 500 1rem var(--f-head); padding: 0 8px 16px; text-align: center; vertical-align: bottom; width: 160px; }
.og-kiyas-tablo thead th:first-child { width: auto; }
.og-kiyas-tablo tbody tr { border-top: 1px solid #e6dcd3; }
.og-kiyas-tablo tbody th { text-align: left; font-weight: 400; padding: 14px 16px 14px 18px; }
.og-kiyas-tablo td { text-align: center; padding: 10px 8px; }
.og-marka { font: 700 1.45rem var(--f-head); letter-spacing: .01em; }
.og-marka b { color: var(--red); }
.og-isaret { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1.6px solid currentColor; vertical-align: middle; }
.og-isaret .i { width: 15px; height: 15px; stroke-width: 2.4; }
.og-isaret--var { color: var(--red); }
.og-isaret--yok { color: #3b3e47; }
.og-isaret--kismen { color: #b7791f; }
.og-isaret--yol { color: #8b909c; border-style: dashed; }
.og-lejant { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin-top: 24px; font-size: .85rem; color: var(--ink-2); }
.og-lejant span { display: inline-flex; align-items: center; gap: 8px; }
.og-lejant .og-isaret { width: 20px; height: 20px; }
.og-lejant .og-isaret .i { width: 12px; height: 12px; }
.og-kiyas-not { margin-top: 14px; text-align: center; font-size: .82rem; font-style: italic; color: var(--muted); }
.og-gecis { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: center; margin-top: 40px; }

/* Ürün turu (testimonials ızgarası) */
.og-tur-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin-top: 32px; }
.og-tur-kart { display: grid; align-content: start; background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; color: var(--cz-ink); transition: box-shadow .15s; }
.og-tur-kart:hover { box-shadow: var(--shadow); }
.og-tur-resim { background: #f3f4f6; padding: 18px 18px 0; }
.og-tur-resim img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: left top; border-radius: 8px 8px 0 0; box-shadow: 0 -1px 0 var(--line); }
.og-tur-kart h3 { font: 600 1.08rem var(--f-head); padding: 18px 20px 0; }
.og-tur-kart p { padding: 6px 20px 22px; font-size: .92rem; color: var(--ink-2); }

/* Blog yazısı */
.og-yazi-ust { padding: 22px 0 10px; }
.og-yazi-dar { max-width: 860px; }
.og-kategori { font: 600 .9rem var(--f-body); color: var(--cz-ink); }
.og-yazi-ust h1 { margin-top: 10px; font-size: clamp(2.1rem, 4vw, 3.1rem); line-height: 1.15; color: var(--cz-ink); }
.og-meta { margin-top: 14px; font-size: .88rem; color: var(--muted); }
.og-yazi-kapak { max-width: 1100px; margin-top: 30px; }
.og-yazi-bolum { padding: 40px 0; }
.og-yazi { max-width: 760px; margin: 0 auto; }
.og-yazi > h2 { font-size: clamp(1.35rem, 2.2vw, 1.65rem); line-height: 1.3; color: var(--cz-ink); margin: 42px 0 6px; font-weight: 500; }
.og-yazi p { font-size: 1.02rem; line-height: 1.8; }
.og-yazi-giris { font-size: 1.12rem !important; }
.og-yazi a:not(.btn) { color: var(--red); }
.og-yazi-kutu { display: grid; justify-items: center; text-align: center; gap: 10px; background: #f3ebe4; border-radius: 16px; padding: 36px clamp(18px, 4vw, 48px); margin: 36px 0; }
.og-yazi-kutu.gorselli { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); justify-items: start; text-align: left; align-items: center; gap: 28px; }
.og-yazi-kutu-ikon .i { width: 30px; height: 30px; color: var(--red); }
.og-yazi-kutu-resim img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--line); background: #fff; }
.og-yazi-kutu h3 { font: 600 1.35rem/1.25 var(--f-head); color: var(--cz-ink); }
.og-yazi-kutu p { margin-top: 8px !important; font-size: .95rem !important; line-height: 1.55 !important; }
.og-yazi-kutu ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; font-size: .92rem; text-align: left; }
.og-yazi-kutu li { display: flex; gap: 8px; align-items: center; }
.og-yazi-kutu li .i { width: 16px; height: 16px; color: var(--red); }
.og-yazi-kutu .btn { margin-top: 18px; border-radius: 999px; }
.og-yazi-tablo { overflow-x: auto; margin-top: 18px; }
.og-yazi-tablo table { width: 100%; border-collapse: collapse; font-size: .92rem; color: var(--cz-ink); }
.og-yazi-tablo th, .og-yazi-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.og-yazi-tablo thead th { font-family: var(--f-head); font-weight: 600; background: #f7f7f7; }
.og-yazi-tablo tbody th { font-weight: 600; }
.og-dortlu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }

/* Akademi (university) */
.og-akademi-cizim { position: relative; height: 320px; }
.og-kurdele { position: absolute; inset: 0; width: 100%; height: 100%; }
.og-balon { position: absolute; width: 58px; height: 58px; border-radius: 50%; background: #fff; box-shadow: var(--shadow); display: grid; place-items: center; color: var(--red); }
.og-balon .i { width: 26px; height: 26px; }
.og-balon--1 { left: 8%; top: 44%; }
.og-balon--2 { left: 32%; top: 6%; }
.og-balon--3 { left: 58%; top: 22%; }
.og-balon--4 { left: 80%; top: 4%; }
.og-balon--5 { left: 20%; top: 74%; }
.og-balon--6 { left: 72%; top: 66%; }
.og-ders-grup, .og-krem-kutu { display: grid; gap: 0; }
.og-krem-kutu { background: #f3ebe4; border-radius: 18px; padding: 34px clamp(16px, 3vw, 38px) 38px; }
.og-cip { display: inline-flex; align-items: center; gap: 8px; background: #2f313a; color: #fff; border-radius: 8px; padding: 4px 12px; font-size: 1.4rem; }
.og-cip .i { width: 22px; height: 22px; color: #f6c544; }
.og-dersler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 26px; }
.og-ders { display: grid; align-content: start; background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; color: var(--cz-ink); transition: box-shadow .15s; }
.og-ders:hover { box-shadow: var(--shadow); }
.og-ders-resim { position: relative; padding: 18px 22px 0; }
.og-ders-resim img { width: 100%; height: auto; aspect-ratio: 16 / 8.5; object-fit: cover; object-position: left top; border-radius: 8px 8px 0 0; }
.og-ders-resim--mavi { background: #0e9fc7; }
.og-ders-resim--turuncu { background: #ef7a2e; }
.og-ders-resim--mor { background: #6f62e8; }
.og-ders-resim--sari { background: #f4c542; }
.og-ders-resim--yesil { background: #17a06c; }
.og-ders-resim--kirmizi { background: var(--red); }
.og-ders-rozet { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); display: inline-flex; align-items: center; gap: 8px; background: #fff; border-radius: 999px; padding: 8px 14px; font-size: .82rem; font-weight: 600; box-shadow: var(--shadow); }
.og-ders-rozet .i { width: 16px; height: 16px; color: var(--red); }
.og-ders-metin { display: grid; gap: 6px; padding: 18px 22px 22px; }
.og-ders-metin h3 { font: 600 1.05rem var(--f-head); }
.og-ders-metin p { font-size: .9rem; color: var(--ink-2); }

/* Sözlük (glossary) */
.og-sozluk-ust { padding: 22px 0 40px; text-align: center; }
.og-sozluk-ust .kirinti { justify-content: flex-start; }
.og-sozluk-ust h1 { font-size: clamp(2.2rem, 4vw, 3.2rem); color: var(--cz-ink); }
.og-sozluk-ust .lead { margin: 12px auto 0; max-width: 62ch; color: var(--cz-ink); }
.og-harfler { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin-top: 30px; font: 500 .95rem var(--f-mono); }
.og-harfler a { padding: 4px 2px; color: var(--cz-ink); }
.og-harfler a:hover { color: var(--red); }
.og-sozluk-bolum { padding-top: 10px; }
.og-sozluk { max-width: 1100px; }
.og-harf { scroll-margin-top: 100px; padding-bottom: 18px; }
.og-harf > h2 { font: 700 2.6rem var(--f-head); color: var(--cz-ink); margin: 26px 0 10px; }
.og-terim { scroll-margin-top: 100px; padding: 14px 0; }
.og-terim h3 { font: 600 1rem var(--f-head); color: var(--red); }
.og-terim p { margin-top: 6px; font-size: .95rem; line-height: 1.65; color: var(--cz-ink); max-width: 95ch; }
.og-terim p a { display: inline-flex; align-items: center; gap: 4px; color: var(--red); font-size: .88rem; }
.og-terim p a .i { width: 13px; height: 13px; }

/* Yardım merkezi (knowledge center) */
.og-yardim-ust { background: var(--red); color: #fff; padding: 22px 0 54px; }
.og-yardim-ust .kirinti, .og-yardim-ust .kirinti [aria-current], .og-yardim-ust .kirinti li + li::before { color: #ffe3e0; }
.og-yardim-ust h1 { font-size: clamp(1.7rem, 3vw, 2.3rem); color: #fff; margin-top: 30px; }
.og-ara { position: relative; max-width: 860px; margin-top: 16px; }
.og-ara input { width: 100%; height: 50px; border: 0; border-radius: 4px; padding: 0 56px 0 16px; font: 400 1rem var(--f-body); color: var(--ink); }
.og-ara > span { position: absolute; right: 0; top: 0; width: 50px; height: 50px; display: grid; place-items: center; background: #f1f1f3; border-radius: 0 4px 4px 0; color: var(--ink); }
.og-ara .i { width: 18px; height: 18px; }
.og-ara-sonuc { margin-top: 10px; min-height: 1.2em; font-size: .9rem; color: #ffe3e0; }
.og-kategoriler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 40px; }
.og-kategori-kart { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; color: var(--cz-ink); }
.og-kategori-kart > .i { width: 26px; height: 26px; color: var(--red); }
.og-kategori-kart b { display: block; font: 600 1.15rem var(--f-head); }
.og-kategori-kart small { display: block; margin-top: 8px; font-size: .9rem; line-height: 1.5; color: var(--ink-2); }
.og-kategori-kart em { display: block; margin-top: 6px; font-style: normal; font-size: .8rem; color: var(--muted); }
.og-kategori-kart:hover b { color: var(--red); }
.og-yardim { max-width: 920px; }
.og-yardim-grup { scroll-margin-top: 100px; }
.og-yardim-grup + .og-yardim-grup { margin-top: 44px; }
.og-yardim-grup[hidden] { display: none; }
.og-yardim-grup > h2 { display: flex; align-items: center; gap: 12px; font: 600 1.35rem var(--f-head); color: var(--cz-ink); margin-bottom: 10px; }
.og-yardim-grup > h2 .i { width: 24px; height: 24px; color: var(--red); }
details.og-yq { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px 18px; margin-top: 8px; }
details.og-yq:first-of-type { border-top: 1px solid var(--line); }
details.og-yq[hidden] { display: none; }
details.og-yq p a { display: inline-flex; align-items: center; gap: 4px; color: var(--red); }
details.og-yq p a .i { width: 13px; height: 13px; }

@media (max-width: 1080px) {
  .og-kartlar, .og-one { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .og-dortlu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .og-vaka { grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; }
}
@media (max-width: 960px) {
  .og-ust > .wrap, .og-gecis { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .og-tur-gorsel .ekran { margin-right: 0; }
  .og-arsiv { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .og-konular ul { display: flex; flex-wrap: wrap; gap: 6px 14px; }
  .og-konular button { border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; }
  .og-konular button[aria-pressed="true"] { border-color: var(--red); }
  .og-konular .og-yan-link, .og-konular ul + h2 { display: none; }
  .og-kontroller, .og-tur-izgara, .og-dersler, .og-kategoriler { grid-template-columns: minmax(0, 1fr); }
  .og-vaka-izgara { grid-template-columns: minmax(0, 1fr); }
  .og-vaka-sol { padding: 24px; }
  .og-vaka-gorsel { min-height: 260px; }
  .og-vaka { grid-template-columns: minmax(0, 1fr); }
  .og-vaka-yan { position: static; }
  .og-akademi-cizim { height: 220px; }
  .og-yazi-kutu.gorselli { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .og-kartlar, .og-one, .og-dortlu { grid-template-columns: minmax(0, 1fr); }
  .og-leke { padding: 18px 0 18px 14px; }
  .og-leke::before { right: -16px; }
  .og-sayilar { gap: 10px; }
  .og-daire { width: 58px; height: 58px; }
  .og-daire .i { width: 26px; height: 26px; }
  .og-kiyas { padding: 34px 12px; }
  .og-kiyas-tablo { font-size: .86rem; }
  .og-kiyas-tablo thead th { width: 70px; font-size: .78rem; }
  .og-kiyas-tablo tbody th { padding: 12px 6px 12px 8px; }
  .og-marka { font-size: .95rem; }
  .og-kontrol-bas { grid-template-columns: 40px minmax(0, 1fr); }
  .og-kontrol-bas .btn { grid-column: 1 / -1; justify-self: start; }
  .og-harf > h2 { font-size: 2rem; }
  .og-ders-rozet { font-size: .74rem; padding: 6px 10px; }
}
/* Yalnız seçilen kontrol listesini yazdır (site.js body[data-yazdir] ve .yazdirilan verir). */
@media print {
  body[data-yazdir] .promo, body[data-yazdir] .site-head, body[data-yazdir] footer,
  body[data-yazdir] main > section:not([data-og="listeler"]), body[data-yazdir] [data-og="listeler"] .cz-merkez,
  body[data-yazdir] .og-kontrol:not(.yazdirilan), body[data-yazdir] .og-kontrol button { display: none !important; }
  body[data-yazdir] .og-bolum { padding: 0; background: #fff; }
  body[data-yazdir] .og-kontroller { display: block; margin: 0; }
  body[data-yazdir] .og-kontrol { border: 0; padding: 0; }
}

/* ---------- Yasal metinler ve güvenli ödeme (site/politika.mjs) ---------- */
.pl-ust { padding: 26px 0 8px; }
.pl-dar { max-width: 820px; }
.pl-ust h1 { font: 600 clamp(2rem, 3.6vw, 2.8rem)/1.15 var(--f-head); color: var(--ink); }
.pl-tarih { margin-top: 10px; color: var(--muted); font-size: .9rem; }
.pl-taslak, .pl-satici-eksik { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: #fbf6e9; border: 1px solid #f1e3b8; font-size: .9rem; color: #6b4a00; }
.pl-satici-eksik[hidden] { display: none; }
.pl-taslak .i { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.pl-govde { padding: 18px 0 80px; }
.pl-giris { font-size: 1.05rem; line-height: 1.7; color: var(--ink-2); }
.pl-bolum { margin-top: 30px; }
.pl-bolum h2 { font: 600 1.25rem var(--f-head); color: var(--ink); }
.pl-bolum p, .pl-bolum li { margin-top: 10px; line-height: 1.7; color: var(--ink-2); font-size: .98rem; }
.pl-bolum ul { padding-left: 20px; }
[data-satici] { font-weight: 600; color: var(--ink); }
.pl-kutu { margin-top: 40px; padding: 22px 24px; border-radius: 14px; background: var(--grey); border: 1px solid var(--line); }
.pl-kutu h2, .pl-diger h2 { font: 600 1.05rem var(--f-head); color: var(--ink); }
.pl-kutu dl { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px 14px; margin: 14px 0 0; font-size: .93rem; }
.pl-kutu dt { color: var(--muted); }
.pl-kutu dd { margin: 0; }
.pl-diger { margin-top: 30px; }
.pl-diger ul { list-style: none; padding: 0; margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; }
.pl-diger a { display: inline-flex; align-items: center; gap: 6px; color: var(--red); font-size: .95rem; }
.pl-diger .i { width: 14px; height: 14px; }
@media (max-width: 640px) { .pl-diger ul { grid-template-columns: minmax(0, 1fr); } .pl-kutu dl { grid-template-columns: 90px minmax(0, 1fr); } }