/* CEPASS iç sayfa ek bileşenleri. site.css'ten sonra yüklenir; yalnız site.css belirteçlerini kullanır. */

/* sayfa başı (görselsiz sayfalar: yasal metinler) */
.page-head { background: var(--surface); padding: 46px 0 36px; }
.page-head .h1-dark { margin: 10px 0 0; }
.crumbs-dark ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; font-weight: 500; color: var(--muted); }
.crumbs-dark li + li::before { content: '/'; margin: 0 8px 0 2px; }
.crumbs-dark a { color: var(--brand); }

/* risk seviyeleri ve standart durumları */
.lvl { display: inline-block; min-width: 92px; text-align: center; font-size: 13px; font-weight: 500; padding: 3px 10px; border-radius: 20px; color: #fff; }
.lvl-dusuk { background: var(--ok); }
.lvl-orta { background: var(--warn); }
.lvl-yuksek { background: #c25a1c; }
.lvl-cok { background: var(--danger); }
.status-list { list-style: none; margin: 0 0 1em; padding: 0; display: grid; gap: 12px; }
.status-list li { display: grid; grid-template-columns: 150px 1fr; gap: 14px; align-items: start; font-size: 15px; }
.status-list .lvl { min-width: 0; width: 100%; }

/* formül, tanım listesi, PLr tablosu */
.formula { display: inline-block; margin: 10px 0 6px; padding: 14px 26px; background: #fff; border-left: 4px solid var(--brand); box-shadow: var(--shadow-sm); font-size: 24px; font-weight: 400; color: var(--brand); letter-spacing: 0.03em; }
.def-list { margin: 1em 0 0; display: grid; grid-template-columns: 90px 1fr; gap: 10px 16px; font-size: 15px; }
.def-list dt { font-weight: 500; color: var(--brand); }
.def-list dd { margin: 0; }
table.plr td, table.plr th { text-align: center; }
table.plr .plr-val { font-weight: 600; color: var(--brand); font-size: 17px; text-transform: lowercase; }
.split.top { align-items: start; }

/* muayene seviyeleri */
.level-no { width: 44px; height: 44px; border-radius: 50%; background: var(--brand-2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; font-weight: 500; margin-bottom: 16px; }

/* paketler */
.price-note { text-align: center; margin-top: 10px; }
.price-note p { font-size: 17px; color: var(--dark); }
.price-note .btn-row { justify-content: center; }
table.cmp th[scope='row'] { font-weight: 400; color: var(--dark); background: transparent; }
table.cmp td { text-align: center; }
table.cmp td.yes { font-size: 18px; }
table.cmp thead th:not(:first-child) { text-align: center; }

/* bilgi merkezi kartları */
.card .card-title { font-size: 21px; margin-bottom: 10px; }
.card .card-title a { color: var(--brand); }
.card .link-more { margin-top: auto; }
.card .pills { margin-bottom: 12px; }

/* antrasit bant içindeki beyaz kartlar */
.band-dark .card { color: var(--text); border-color: transparent; }
.band-dark .card h3 { color: var(--brand); }
.band-dark .card a:not(.btn) { color: var(--brand); }
.logo-wall.no-btn { margin-bottom: 40px; }

/* yasal metinler, 404 */
.legal h2 { font-size: 24px; }
.eyebrow-dark { font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 8px; }
.center-row { justify-content: center; margin-top: 24px; }

/* ---------- v3 araç sayfaları: ücretsiz analiz + doğrulama ---------- */
.arac-bas { position: relative; overflow: hidden; color: #fff; padding: 46px 0 56px; background: radial-gradient(50% 90% at 85% 30%, rgba(96, 165, 250, 0.32), transparent 70%), linear-gradient(115deg, #082a7c 0%, #0b3ca6 50%, #082c80 100%); }
.arac-bas .kahraman-dalga { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.arac-bas .wrap { position: relative; z-index: 1; }
.crumbs-acik ol { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.75); }
.crumbs-acik li + li::before { content: '›'; margin: 0 8px 0 2px; opacity: 0.7; }
.crumbs-acik a { color: #fff; }
.arac-bas .eyebrow { display: inline-flex; background: rgba(247, 132, 30, 0.14); border: 1px solid rgba(247, 132, 30, 0.5); color: #ffb978; font-size: 13px; font-weight: 600; padding: 5px 14px; border-radius: 30px; margin: 0 0 16px; }
.arac-bas h1 { color: #fff; font-size: 46px; margin: 0 0 14px; }
.arac-bas h1 span { background: linear-gradient(90deg, #2fd3f5, #63b3ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.arac-giris { max-width: 760px; font-size: 17px; color: #c8d2ea; margin: 0; }
.arac { padding-top: 56px; }
.arac-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.arac-form .h-card { margin-bottom: 18px; }
.secimler { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
.secimler legend { margin-bottom: 10px; padding: 0; }
.secim-dizi { display: flex; flex-wrap: wrap; gap: 10px; }
.secim { position: relative; display: inline-flex; cursor: pointer; }
.secim input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.secim span { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 16px; border: 1px solid var(--line-2); border-radius: 10px; background: #fff; font-size: 14px; font-weight: 500; color: var(--dark); transition: border-color 0.15s, background 0.15s, box-shadow 0.15s; }
.secim:hover span { border-color: var(--brand-2); }
.secim input:checked + span { border-color: var(--brand); background: #eef4ff; color: var(--brand-dark); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14); }
.secim input:focus-visible + span { outline: 3px solid var(--brand-2); outline-offset: 2px; }
.secim input[aria-invalid='true'] + span { border-color: var(--danger); }
.ipucu { margin: 2px 0 0; font-size: 12.5px; color: var(--muted); }
.arac-form .check { margin-bottom: 16px; }
.arac-form .btn-block { margin-top: 8px; }
.arac-form .note { margin: 18px 0 0; }
.arac-sonuc { position: sticky; top: 108px; }
.sonuc-bos { border: 1.5px dashed var(--line-2); border-radius: var(--radius-lg); padding: 36px 32px; background: var(--surface-2); }
.sonuc-bos h2 { font-size: 22px; margin: 16px 0 14px; }
.sonuc-ikon { width: 58px; height: 58px; border-radius: 16px; background: #e8f0ff; color: var(--brand); display: flex; align-items: center; justify-content: center; }
.sonuc-ikon .i { width: 28px; height: 28px; }
.sonuc-kart { border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); padding: 28px 30px; }
.sonuc-ust { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 5px 12px; border-radius: 30px; background: #e3f7ea; color: #15803d; font-size: 13px; font-weight: 600; }
.sonuc-ust .i { width: 17px; height: 17px; }
.sonuc-kart h2 { font-size: 24px; margin: 0 0 6px; }
.sonuc-donem { color: var(--muted); font-size: 14.5px; margin: 0 0 18px; }
.sonuc-kart dl { margin: 0 0 16px; display: grid; gap: 0; border-top: 1px solid var(--line); }
.sonuc-satir { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; }
.sonuc-satir dt { color: var(--muted); font-weight: 500; }
.sonuc-satir dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.sonuc-satir.vurgu dd { font-weight: 600; }
.sonuc-liste { margin: 6px 0 0; padding-left: 1.1em; display: grid; gap: 4px; }
.sonuc-liste small { display: block; color: var(--muted); font-size: 12.5px; }
.rozet { display: inline-flex; padding: 3px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.r-evet { background: #e3f7ea; color: #15803d; }
.r-hayir { background: #fff1e3; color: #c2570c; }
.sonuc-notlar { background: #fff8ef; border: 1px solid #fde2c4; border-radius: 12px; padding: 14px 18px; margin-bottom: 14px; }
.sonuc-notlar h3 { font-size: 15px; margin: 0 0 4px; }
.sonuc-notlar .sonuc-liste { font-size: 14px; }
.dogrula-govde { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 24px; align-items: start; }
.dogrula-qr { width: 148px; height: 148px; border: 1px solid var(--line); border-radius: 10px; padding: 6px; background: #fff; }
.dogrula-onay-dustu .sonuc-ust { background: #fff1e3; color: #c2570c; }
.dogrula-bulunamadi .sonuc-ust, .dogrula-gecersiz-bicim .sonuc-ust { background: #fde8ea; color: #b4232f; }
.dogrula-govde dl { margin: 0; }

@media (max-width: 1080px) {
  .arac-izgara { grid-template-columns: 1fr; }
  .arac-sonuc { position: static; }
}
@media (max-width: 760px) {
  .arac-bas h1 { font-size: 32px; }
  .arac-giris { font-size: 15.5px; }
  .sonuc-kart { padding: 22px 18px; }
  .sonuc-satir { grid-template-columns: 1fr; gap: 2px; }
  .dogrula-govde { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .formula { font-size: 19px; padding: 12px 16px; }
  .status-list li { grid-template-columns: 1fr; gap: 6px; }
  .status-list .lvl { width: auto; justify-self: start; min-width: 120px; }
  .def-list { grid-template-columns: 70px 1fr; }
  table.cmp th, table.cmp td { padding: 9px 8px; font-size: 14px; }
}

/* ---------- v6: çözüm merkezi, akademi, regülasyon kütüphanesi, denetleyici, yeşil beyan, paylaşım ---------- */
.r-uyari { background: #fff7d6; color: #8a6100; }
.baglanti-listesi { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 12px 0 0; font-size: 14.5px; }
.sorun-dizini .chev-list { columns: 2; column-gap: 40px; margin: 0; }
.sorun-dizini .chev-list li { break-inside: avoid; }
.sorun-karti .chev-list { margin: 12px 0 0; font-size: 15px; }
.ders-listesi { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 6px; }
.ders-listesi a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: var(--ink); }
.ders-listesi a:hover { background: var(--surface-2); text-decoration: none; color: var(--royal-700); }
.ders-no { flex: 0 0 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); color: var(--royal-700); font-size: 13px; font-weight: 700; }
.reg-arac { display: flex; flex-wrap: wrap; align-items: end; gap: 12px 24px; }
.reg-arac .field { flex: 1 1 420px; margin: 0; }
.reg-arac .field span { display: block; font-weight: 600; margin-bottom: 6px; }
.reg-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.reg-filtre a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; font-weight: 500; color: var(--ink); background: #fff; }
.reg-filtre a:hover { border-color: var(--royal-700); color: var(--royal-700); text-decoration: none; }
.reg-filtre a span { font-size: 12px; font-weight: 700; color: var(--royal-700); }
.reg-sayi { font-size: 0.5em; font-weight: 600; color: var(--muted); vertical-align: middle; }
.reg-izgara-sayfa { margin-top: 26px; }
.reg-kart h3 { margin-top: 6px; }
.reg-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; font-size: 13px; color: var(--muted); }
.reg-ust b { font-size: 14px; letter-spacing: 0.04em; color: var(--royal-700); }
.reg-dl { display: grid; gap: 2px 0; margin: 12px 0 0; font-size: 14px; }
.reg-dl dt { font-weight: 600; color: var(--ink); margin-top: 8px; }
.reg-dl dd { margin: 0; color: var(--muted); }
.reg-tarihler { margin: 2px 0 0; padding-left: 1.1em; }
.reg-degisiklik { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff7ec; font-size: 14px; }
.reg-iliskili { margin: 10px 0 0; font-size: 13.5px; color: var(--muted); }
.reg-iliskili a { margin-right: 6px; font-weight: 600; }
.radar-tablo tr[data-radar='gecti'] td { color: var(--muted); }
.radar-tablo tr[data-radar='yaklasan'] td:last-child { font-weight: 700; color: var(--orange-700, #c2570c); }
.denetim-liste li, .bulgu-liste li { display: grid; gap: 4px; }
.denetim-liste .rozet, .belge-liste .rozet, .bulgu-liste .rozet { justify-self: start; padding: 2px 10px; font-size: 12px; }
.belge-liste { list-style: none; padding-left: 0; }
.bulgu-liste { padding-left: 1.2em; gap: 14px; }
.bulgu-liste blockquote { margin: 0; padding: 8px 12px; border-left: 3px solid var(--line-2, #d6dbe6); background: var(--surface-2); font-size: 14px; color: var(--muted); }
.bulgu-liste p { margin: 0; }
.paylasim-kap { max-width: 880px; }
@media (max-width: 720px) { .sorun-dizini .chev-list { columns: 1; } }

/* ---------- 2026-11-04: uyum hizmet paketleri sayfası (hizmet-paketleri.html) + paketler sayfası tanıtımı ---------- */
.hz-ico { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--royal-600), var(--royal-900)); box-shadow: 0 10px 20px -8px rgba(13, 71, 184, 0.55); }
.hz-ico .i { width: 24px; height: 24px; }
/* tutarlılık zinciri: test raporu → teknik dosya → etiket → ürün ilanı */
.hz-zincir { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; counter-reset: hz; }
.hz-zincir li { position: relative; display: grid; justify-items: center; gap: 8px; padding: 26px 18px 22px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 26px rgba(13, 27, 62, 0.06); counter-increment: hz; }
.hz-zincir li::before { content: counter(hz); position: absolute; top: 12px; left: 14px; font-size: 12px; font-weight: 700; color: var(--orange); }
.hz-zincir li:not(:last-child)::after { content: '→'; position: absolute; right: -24px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 700; color: var(--royal-600); }
.hz-zincir strong { font-size: 17px; color: var(--royal-ink); }
.hz-zincir span:not(.hz-ico) { font-size: 14px; color: var(--muted); line-height: 1.45; }
/* paket kartları */
.hz-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.hz-kart { display: flex; flex-direction: column; padding: 26px 24px 24px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 12px 30px rgba(13, 27, 62, 0.06); transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; scroll-margin-top: 150px; }
.hz-kart:hover { transform: translateY(-4px); border-color: #c7d5f0; box-shadow: 0 20px 40px rgba(13, 27, 62, 0.12); }
.hz-kart-ust { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.hz-kart h3 { margin: 0; font-size: 19px; line-height: 1.3; color: var(--royal-ink); }
.hz-etiket { margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--royal-700); }
.hz-teslim { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 7px; }
.hz-teslim li { position: relative; padding-left: 28px; font-size: 15px; color: var(--dark); }
.hz-teslim li::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #e8f0ff; }
.hz-teslim li::after { content: ''; position: absolute; left: 6px; top: 8px; width: 6px; height: 3px; border-left: 2px solid var(--royal-700); border-bottom: 2px solid var(--royal-700); transform: rotate(-45deg); }
.hz-ucret { display: flex; flex-direction: column; gap: 2px; margin: auto 0 14px; padding: 12px 14px; border-radius: 12px; background: #fff7ee; border: 1px solid #fde1c2; }
.hz-ucret span { font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--orange-dark); }
.hz-ucret strong { font-size: 15.5px; color: var(--royal-ink); }
.hz-ilgili { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 16px; font-size: 13.5px; }
.hz-ilgili a { font-weight: 600; }
.hz-analiz { width: 100%; }
.hz-tablo th a { color: var(--royal-ink); }
.hz-alt { margin-top: 26px; }
/* paketler sayfasındaki tanıtım */
.hz-tanitim-bolum { padding-top: 0; }
.hz-tanitim { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 36px 40px; border-radius: 22px; background: linear-gradient(120deg, var(--royal-950), var(--royal-700)); color: #fff; }
.hz-tanitim h2 { color: #fff; margin-bottom: 8px; }
.hz-tanitim .lead { color: rgba(255, 255, 255, 0.85); margin: 0; }
.hz-tanitim .btn { flex: none; }
@media (max-width: 1080px) {
  .hz-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hz-zincir { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hz-zincir li:nth-child(2)::after { display: none; }
}
@media (max-width: 760px) {
  .hz-izgara, .hz-zincir { grid-template-columns: 1fr; }
  .hz-zincir { gap: 30px; }
  .hz-zincir li:not(:last-child)::after, .hz-zincir li:nth-child(2)::after { display: block; content: '↓'; right: auto; left: 50%; top: auto; bottom: -28px; transform: translateX(-50%); }
  .hz-zincir li:last-child::after { display: none; }
  .hz-tanitim { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
}

/* ---------- 2026-11-04: online randevu sayfası (randevu.html, site/assets/js/randevu.js) ---------- */
.rv-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; }
.rv-adimlar { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; counter-reset: none; }
.rv-adimlar li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--muted); }
.rv-adimlar li span { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 1px solid var(--line-2); font-size: 13px; }
.rv-adimlar li[aria-current] { background: #e8f0ff; border-color: var(--royal-600); color: var(--royal-800); }
.rv-adimlar li[aria-current] span { background: var(--royal-700); border-color: var(--royal-700); color: #fff; }
.rv-adimlar li.tamam span { background: var(--ok); border-color: var(--ok); color: #fff; }
.rv-adim { margin: 0 0 28px; padding: 0; border: 0; min-width: 0; }
.rv-turler legend { padding: 0; margin-bottom: 14px; }
.rv-baslik { font-size: 22px; margin: 0 0 12px; color: var(--royal-ink); }
.rv-alt-baslik { font-size: 16px; margin: 18px 0 10px; color: var(--royal-ink); }
.rv-ipucu { margin: -4px 0 14px; font-size: 14px; color: var(--muted); }
.rv-tur-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.rv-tur { position: relative; display: block; cursor: pointer; }
.rv-tur input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rv-tur-kart { display: grid; gap: 6px; height: 100%; padding: 18px 16px; border: 1.5px solid var(--line); border-radius: 16px; background: #fff; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; }
.rv-tur-kart strong { font-size: 16.5px; color: var(--royal-ink); }
.rv-tur-ico { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: #e8f0ff; color: var(--royal-700); }
.rv-tur-ico .i { width: 22px; height: 22px; }
.rv-sure { font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; color: var(--orange-dark); }
.rv-tur-metin { font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.rv-tur:hover .rv-tur-kart { border-color: #c7d5f0; transform: translateY(-2px); }
.rv-tur input:checked + .rv-tur-kart { border-color: var(--royal-700); box-shadow: 0 0 0 3px rgba(13, 71, 184, 0.15); }
.rv-tur input:checked + .rv-tur-kart .rv-tur-ico { background: var(--royal-700); color: #fff; }
.rv-tur input:focus-visible + .rv-tur-kart { outline: 3px solid var(--brand); outline-offset: 2px; }
.rv-takvim { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 8px; }
.rv-gun { display: grid; justify-items: center; gap: 1px; padding: 8px 4px; border: 1.5px solid var(--line-2); border-radius: 12px; background: #fff; font: 500 12px var(--font); color: var(--dark); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.rv-gun b { font-size: 19px; line-height: 1.2; color: var(--royal-ink); }
.rv-gun-hafta, .rv-gun-ay { color: var(--muted); text-transform: capitalize; }
.rv-gun:hover:not(:disabled) { border-color: var(--royal-600); background: #f3f7ff; }
.rv-gun[aria-pressed='true'] { border-color: var(--royal-700); background: var(--royal-700); }
.rv-gun[aria-pressed='true'] b, .rv-gun[aria-pressed='true'] span { color: #fff; }
.rv-gun:disabled { cursor: not-allowed; opacity: 0.45; background: var(--surface-2); }
.rv-gun.kapali:disabled { background: repeating-linear-gradient(135deg, var(--surface-2) 0 6px, #eceff5 6px 12px); }
.rv-dilimler { display: flex; flex-wrap: wrap; gap: 8px; }
.rv-dilim { min-width: 76px; min-height: 42px; padding: 8px 12px; border: 1.5px solid var(--line-2); border-radius: 10px; background: #fff; font: 600 14px var(--font); color: var(--royal-ink); cursor: pointer; }
.rv-dilim:hover:not(:disabled) { border-color: var(--royal-600); background: #f3f7ff; }
.rv-dilim[aria-pressed='true'] { background: var(--orange); border-color: var(--orange); color: #fff; }
.rv-dilim.dolu { color: var(--muted); text-decoration: line-through; cursor: not-allowed; background: var(--surface-2); }
.rv-gun:focus-visible, .rv-dilim:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.rv-secim { margin: 0 0 18px; padding: 12px 14px; border-radius: 12px; background: #fff7ee; border: 1px solid #fde1c2; font-size: 15px; }
.rv-not-eposta { font-size: 13px; color: var(--muted); }
.rv-durum[data-state='err'] { color: var(--danger); }
.rv-durum[data-state='ok'] { color: var(--ok); }
.rv-yukleniyor { color: var(--muted); }
.rv-sonuc { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.rv-sonuc:focus { outline: none; }
.rv-sonuc-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--line); }
.rv-sonuc-etiket { flex-basis: 100%; margin: 0; font-size: 14px; font-weight: 600; color: var(--muted); }
.rv-kod { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: 0.04em; color: var(--royal-ink); }
.rv-cip { margin: 0; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; background: #fff3e0; color: #9a4a00; }
.durum-onaylandi .rv-cip, .durum-tamamlandi .rv-cip { background: #e6f6ec; color: #13703a; }
.durum-iptal .rv-cip { background: #fde8ea; color: #a31b2d; }
.rv-ozet { display: grid; gap: 8px; margin: 0 0 18px; }
.rv-ozet div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; }
.rv-ozet dt { font-weight: 600; color: var(--muted); }
.rv-ozet dd { margin: 0; color: var(--dark); }
.rv-eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.rv-iptal[data-onay='bekliyor'] { border-color: var(--danger); color: var(--danger); }
.rv-baglanti { padding: 14px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); }
.rv-baglanti p { margin: 0 0 10px; font-size: 14px; }
.rv-adres-satir { display: flex; gap: 8px; }
.rv-adres { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--line-2); border-radius: var(--radius); font: 400 13px var(--font); color: var(--dark); background: #fff; }
.rv-yan-kart { position: sticky; top: 150px; padding: 24px 22px; border-radius: 18px; background: linear-gradient(160deg, var(--royal-950), var(--royal-700)); color: #fff; }
.rv-yan-kart h2 { margin: 0 0 14px; font-size: 20px; color: #fff; }
.rv-yan-liste { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.rv-yan-liste li { position: relative; padding-left: 26px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.88); }
.rv-yan-liste li::before { content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--orange); }
.rv-yan-liste li::after { content: ''; position: absolute; left: 5px; top: 8px; width: 6px; height: 3px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.rv-yan-alt { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, 0.8); }
.rv-yan-alt a { color: #fff; font-weight: 600; text-decoration: underline; }
@media (max-width: 1080px) {
  .rv-izgara { grid-template-columns: 1fr; }
  .rv-yan-kart { position: static; }
}
@media (max-width: 760px) {
  .rv-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rv-tur-izgara { grid-template-columns: 1fr; }
  .rv-takvim { grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); }
  .rv-sonuc { padding: 20px 16px; }
  .rv-adres-satir { flex-direction: column; }
  .rv-ozet div { grid-template-columns: 80px 1fr; }
}

/* ---------- 2026-11-04: paketler sayfası — isteğe bağlı danışman desteği kartı ---------- */
.dn-kart { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); margin: 32px 0 8px; border-radius: 22px; overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: 0 16px 40px rgba(13, 27, 62, 0.08); scroll-margin-top: 150px; }
.dn-sol { padding: 34px 32px; background: linear-gradient(150deg, var(--royal-950), var(--royal-700)); color: rgba(255, 255, 255, 0.9); }
.dn-sol h3 { margin: 0 0 12px; font-size: 26px; color: #fff; }
.dn-sol p { margin: 0; font-size: 15px; line-height: 1.6; }
.dn-ico { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 16px; border-radius: 15px; background: rgba(255, 255, 255, 0.12); color: var(--sari, #f5bf1b); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.dn-ico .i { width: 30px; height: 30px; }
.dn-sol .dn-etiket { display: inline-block; margin-bottom: 10px; padding: 4px 12px; border-radius: 999px; background: var(--orange); color: #fff; font-size: 12.5px; font-weight: 700; letter-spacing: 0.02em; }
.dn-sag { padding: 30px 32px; }
.dn-alt-baslik { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--royal-700); }
.dn-liste { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.dn-liste li { position: relative; padding-left: 26px; font-size: 14.5px; color: var(--dark); }
.dn-liste li::before { content: ''; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: #e8f0ff; }
.dn-liste li::after { content: ''; position: absolute; left: 5px; top: 8px; width: 6px; height: 3px; border-left: 2px solid var(--royal-700); border-bottom: 2px solid var(--royal-700); transform: rotate(-45deg); }
.dn-not { margin: 0 0 18px; padding: 10px 14px; border-radius: 10px; background: #fff7ee; border: 1px solid #fde1c2; font-size: 13.5px; color: #5b4630; }
@media (max-width: 1080px) { .dn-kart { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .dn-sol, .dn-sag { padding: 24px 20px; } .dn-liste { grid-template-columns: 1fr; } }

/* ---------- 2026-11-04: CE hizmetleri sayfaları (23 ana hizmet, 39 ürün alt sayfası, 7 uyum hizmeti, merkez sayfa) ---------- */
.ceh-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
.ceh-ozet { display: grid; gap: 0; margin: 22px 0 18px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.ceh-ozet > div { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.ceh-ozet > div:last-child { border-bottom: 0; }
.ceh-ozet dt { font-size: 13px; font-weight: 700; color: var(--royal-700); text-transform: uppercase; letter-spacing: 0.04em; }
.ceh-ozet dd { margin: 0; font-size: 15px; color: var(--dark); }
.ceh-kapsam { font-size: 15px; color: #4e5873; }
.ceh-kapsam b { color: var(--royal-ink); }
.ceh-kaynak { margin-top: 14px; }
.ceh-giris .lead + .ceh-alt-kategori { margin-top: 22px; }
.ceh-giris h2.h-card { margin-top: 30px; }
.ceh-alt-kategori { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--royal-700); }
.ceh-alt-kategori b { color: var(--royal-ink); }
.ceh-kart { position: sticky; top: 150px; display: grid; gap: 10px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 16px 40px rgba(13, 27, 62, 0.08); }
.ceh-kart .btn { width: 100%; }
.ceh-kart-baslik { margin: 2px 0 6px; font-size: 18px; font-weight: 700; color: var(--royal-ink); }
.ceh-kart-bag { display: flex; justify-content: space-between; gap: 10px; margin: 4px 0 0; font-size: 13.5px; font-weight: 600; }
.ceh-ikon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 46px; height: 46px; border-radius: 13px; color: #fff; background: linear-gradient(145deg, var(--royal-600), var(--royal-900)); }
.ceh-ikon .i { width: 24px; height: 24px; }
.ceh-grup { margin-top: 34px; }
.ceh-grup h2 { margin-bottom: 14px; }
.ceh-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 12px 0 18px; }
.ceh-kartlar-uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ceh-hizmet { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--dark); transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; }
.ceh-hizmet:hover { transform: translateY(-3px); border-color: #c7d5f0; box-shadow: 0 14px 30px rgba(13, 27, 62, 0.1); text-decoration: none; }
.ceh-hizmet strong { display: block; font-size: 15.5px; color: var(--royal-ink); line-height: 1.35; }
.ceh-hizmet span span { display: block; margin-top: 3px; font-size: 13.5px; color: var(--muted); line-height: 1.45; }
.ceh-hizmet em { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: 6px; background: var(--surface); color: var(--royal-700); font-size: 12px; font-style: normal; font-weight: 700; }
.ceh-urun-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 26px; }
.ceh-urun-grup { padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.ceh-urun-grup h3 { margin: 0 0 10px; font-size: 16px; color: var(--royal-ink); }
.ceh-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.ceh-cipler a { display: inline-flex; padding: 6px 12px; border: 1px solid var(--line-2); border-radius: 999px; background: #fff; color: var(--ink); font-size: 13.5px; font-weight: 500; }
.ceh-cipler a:hover { border-color: var(--sari, #f5bf1b); background: #fffaeb; text-decoration: none; }
.ceh-cipler-genis { margin-bottom: 26px; }
@media (max-width: 1080px) {
  .ceh-izgara { grid-template-columns: 1fr; gap: 28px; }
  .ceh-kart { position: static; }
  .ceh-urun-izgara, .ceh-kartlar-uc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ceh-ozet > div { grid-template-columns: 1fr; gap: 4px; }
  .ceh-kartlar, .ceh-kartlar-uc, .ceh-urun-izgara { grid-template-columns: 1fr; }
}

/* ---------- ce-makine örnek sayfası — ürün kahramanı → yedi adımın özeti + gerçek ekranlar TEK gösterim alanında → en sonda AB uygunluk beyanı
   (2026-11-04 ilk hâl; 2026-11-05 kullanıcı isteğiyle sade: "ekranları bir yerde, işi özet göster, en sonda beyan") ---------- */
.mko-hero { position: relative; overflow: hidden; padding: 34px 0 84px; background: radial-gradient(60% 80% at 92% 10%, rgba(37, 99, 235, 0.1), transparent 60%), linear-gradient(180deg, var(--surface) 0%, #fff 78%); }
.mko-hero-izgara { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
.mko-hero-metin .crumbs-dark { margin-bottom: 22px; }
.mko-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 6px 14px 6px 10px; border: 1px solid #cfdaf0; border-radius: 999px; background: #fff; color: var(--royal-700); font-size: 13px; font-weight: 600; box-shadow: var(--shadow-sm); }
.mko-eyebrow .i { width: 18px; height: 18px; }
.mko-hero h1 { margin: 0 0 16px; font-size: 54px; line-height: 1.08; color: var(--royal-ink); }
.mko-hero h1 span { color: var(--royal-700); }
.mko-hero .lead { max-width: 600px; font-size: 18px; color: #4a5571; }
.mko-gecis { max-width: 600px; margin: 6px 0 26px; }
.mko-hero-dugmeler { margin-top: 6px; }
.mko-urun { position: relative; margin: 0; }
.mko-urun-gorsel { position: relative; overflow: hidden; border-radius: 24px; box-shadow: 0 34px 70px rgba(13, 27, 62, 0.22); background: #dfe6f2; }
.mko-urun-gorsel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.mko-urun-rozet { position: absolute; left: 16px; top: 16px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.92); color: var(--royal-ink); font-size: 12.5px; font-weight: 600; box-shadow: var(--shadow-sm); }
.mko-urun-rozet .i { width: 16px; height: 16px; color: var(--orange-dark); }
.mko-plaka { position: relative; margin: -86px 28px 0 auto; max-width: 470px; padding: 16px 20px 12px; border: 1px solid #d5ddeb; border-radius: 16px; background: linear-gradient(180deg, #fff, #f5f8fd); box-shadow: 0 22px 46px rgba(13, 27, 62, 0.2); }
.mko-plaka-ust { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-bottom: 10px; border-bottom: 2px solid #e6ebf5; }
.mko-plaka-ust p { margin: 0; line-height: 1.3; }
.mko-plaka-ust small { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--royal-700); }
.mko-plaka-ust b { font-size: 16px; color: var(--royal-ink); }
.mko-ce { flex: none; width: 58px; height: 42px; fill: var(--royal-ink); }
.mko-plaka dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin: 10px 0 6px; }
.mko-plaka dt { font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.mko-plaka dd { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--dark); line-height: 1.35; }
.mko-plaka-not { margin: 0; font-size: 11.5px; color: var(--muted); }

.mko-ust-etiket { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--orange-dark); }
.mko-giris { max-width: 820px; font-size: 16.5px; color: #4e5873; }

/* özet: solda adımlar (sekme), sağda tek ekran alanı */
.mko-ozet { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: 40px; align-items: start; margin-top: 30px; }
.mko-ozet-liste { display: grid; gap: 8px; }
.mko-ozet-adim { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 16px 12px 12px; border: 1px solid #d5ddeb; border-radius: 14px; background: #fff; color: var(--dark); font: inherit; text-align: left; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s; }
.mko-ozet-adim:hover { border-color: var(--royal-700); }
.mko-ozet-adim[aria-selected="true"] { border-color: var(--royal-700); background: linear-gradient(90deg, #eef4ff, #fff 70%); box-shadow: 0 12px 28px rgba(13, 71, 184, 0.12); }
.mko-ozet-adim:focus-visible { outline: 3px solid var(--royal-700); outline-offset: 2px; }
.mko-ozet-no { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: #e8eefa; color: var(--royal-700); font-size: 15px; font-weight: 700; }
.mko-ozet-adim[aria-selected="true"] .mko-ozet-no { background: linear-gradient(145deg, var(--royal-700), var(--brand-2)); color: #fff; }
.mko-ozet-metin { min-width: 0; }
.mko-ozet-metin b { display: block; font-size: 15.5px; font-weight: 600; line-height: 1.3; color: var(--royal-ink); }
.mko-ozet-metin small { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: #56607a; }
.mko-ekran { margin: 0; }
.mko-ekran[hidden] { display: none; }
.mko-cerceve { overflow: hidden; border: 1px solid #d3dbe8; border-radius: 14px; background: #fff; box-shadow: 0 26px 56px rgba(13, 27, 62, 0.16); }
.mko-cubuk { display: flex; align-items: center; gap: 6px; margin: 0; padding: 9px 14px; background: #eef2f9; border-bottom: 1px solid #dde4f0; }
.mko-cubuk span { width: 10px; height: 10px; border-radius: 50%; background: #f87171; }
.mko-cubuk span:nth-child(2) { background: #fbbf24; }
.mko-cubuk span:nth-child(3) { background: #34d399; }
.mko-cubuk b { margin-left: 12px; padding: 2px 14px; border-radius: 999px; background: #fff; color: var(--muted); font-size: 11.5px; font-weight: 600; }
.mko-cerceve img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.mko-ekran figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 18px; margin-top: 14px; font-size: 13px; color: var(--muted); }
.mko-ekran .shot-badge { margin-right: 8px; }

/* en sonda: AB uygunluk beyanı */
.mko-son { padding: 96px 0 84px; }
.mko-son-ust { max-width: 760px; margin: 0 auto; text-align: center; }
.mko-son-ust .mko-giris { margin: 0 auto; }
.mko-son .mko-beyan { max-width: 760px; margin: 36px auto 0; }
.mko-beyan::before { inset: 22px -18px 64px 26px; }
.mko-son-dugmeler { justify-content: center; margin-top: 30px; }
.mko-son-not { max-width: 760px; margin: 18px auto 0; text-align: center; font-size: 13px; color: var(--muted); }
.mko-eksik { display: inline-block; padding: 0 6px; border-radius: 5px; background: #fff4e0; color: #9a5b00; font-size: 0.92em; font-weight: 600; border: 1px dashed #f3c27a; }
/* 2026-11-06 mevzuata göre özet sayfaları: örnek beyanın köşeli parantezli alanları, performans tablosu, kapanış, geçiş şeridi açıklaması */
.bb-alan { display: inline; padding: 0 4px; border-radius: 4px; background: #f1f4fa; color: #4a5571; font-style: italic; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.bb-tablo { width: 100%; margin: 6px 0 2px; border-collapse: collapse; font-size: 0.95em; }
.bb-tablo th, .bb-tablo td { padding: 5px 8px; border: 1px solid #e3e8f1; text-align: left; vertical-align: top; }
.bb-tablo th { background: #f3f6fc; color: var(--royal-700); font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.bb-kapanis { position: relative; margin: 10px 0 0; padding: 8px 12px; border-radius: 8px; background: #f7f9fd; font-size: 0.95em; }
.mko-gecis > span { display: block; }
.mko-gecis small { display: block; margin-top: 2px; color: #6b5a3e; font-size: 13px; }
.mko-gecis .ceu-tarih { font-weight: 600; }
.bb-liste-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
.mko-qr-bos span { display: flex; align-items: center; justify-content: center; width: 92px; height: 92px; border: 1px dashed #c3cee2; border-radius: 8px; background: #f6f8fc; color: #b3c0d8; }
.mko-qr-bos .i { width: 46px; height: 46px; }

/* örnek beyan kâğıdı — anasayfa.css #ce-beyani ile aynı görünüm (iç sayfalar anasayfa.css yüklemez); filigran turuncu ("TASLAK") */
.beyan-belge { position: relative; margin: 0; }
.beyan-belge::before { content: ''; position: absolute; inset: 22px -18px -14px 26px; border-radius: 10px; background: #dfe7f6; transform: rotate(2.4deg); }
.bb-kagit { position: relative; overflow: hidden; padding: 30px 32px 22px; background: #fff; border-radius: 8px; border-top: 6px solid var(--royal-700); box-shadow: 0 30px 70px rgba(13, 27, 62, 0.18), 0 2px 6px rgba(13, 27, 62, 0.06); color: #1c2540; font-size: 12.5px; line-height: 1.5; }
.bb-filigran { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-28deg); font-size: 112px; font-weight: 800; letter-spacing: 0.1em; color: rgba(214, 138, 16, 0.08); pointer-events: none; user-select: none; }
.bb-ust { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 2px solid #e6ebf5; }
.bb-logo { display: inline-flex; align-items: center; gap: 2px; font: 700 23px/1 var(--font); color: var(--royal-ink); letter-spacing: -0.005em; }
.bb-logo .logo-yildiz { width: 40px; height: 40px; margin-right: -6px; }
.bb-baslik-kap { text-align: right; }
.bb-baslik { margin: 0; font-size: 15px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--royal-800); }
.bb-alt { margin: 2px 0 0; font-size: 11.5px; font-style: italic; color: var(--muted); }
.bb-meta { position: relative; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 12px 0 10px; padding: 8px 12px; border-radius: 8px; background: #f3f6fc; font-size: 11.5px; color: #56607a; }
.bb-meta b { color: var(--royal-ink); font-weight: 600; }
.bb-maddeler { position: relative; list-style: none; margin: 0; padding: 0; }
.bb-maddeler > li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px dashed #e3e8f1; }
.bb-maddeler > li:last-child { border-bottom: 0; }
.bb-no { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--royal-700); color: #fff; font-size: 11px; font-weight: 700; }
.bb-maddeler p { margin: 0; }
.bb-etiket { font-size: 10.5px !important; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--royal-700); margin-bottom: 1px !important; }
.bb-liste { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 2px; }
.bb-liste li { padding-left: 14px; position: relative; }
.bb-liste li::before { content: ''; position: absolute; left: 2px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }
.bb-liste b { color: var(--royal-ink); }
.bb-imza { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 16px; align-items: end; margin-top: 12px; padding-top: 12px; border-top: 2px solid #e6ebf5; }
.bb-imza-sol p { margin: 0; }
.bb-ce { width: 70px; height: 50px; fill: #0b1f4d; }
.bb-qr { text-align: center; }
.bb-qr p { margin: 4px 0 0; font-size: 10.5px; font-weight: 600; color: var(--royal-700); }
.bb-dip { position: relative; display: flex; justify-content: space-between; gap: 10px; margin: 14px -32px -22px; padding: 9px 32px; background: var(--royal-ink); color: #c9d5f2; font-size: 10.5px; }
.beyan-belge figcaption { position: relative; margin-top: 22px; text-align: center; font-size: 12.5px; color: var(--muted); }

@media (max-width: 1180px) {
  .mko-hero-izgara { grid-template-columns: 1fr; gap: 40px; }
  .mko-urun { max-width: 760px; }
}
@media (max-width: 1080px) {
  .mko-ozet { grid-template-columns: 1fr; gap: 22px; }
  .mko-vitrin { order: -1; }
}
@media (max-width: 760px) {
  .mko-hero { padding: 22px 0 56px; }
  .mko-hero h1 { font-size: 36px; }
  .mko-hero .lead { font-size: 16px; }
  .mko-plaka { margin: -40px 10px 0; }
  .mko-plaka dl { grid-template-columns: 1fr; }
  .mko-ozet-adim { gap: 12px; padding: 10px 12px 10px 10px; }
  .mko-ozet-no { width: 34px; height: 34px; }
  .mko-cubuk b { margin-left: 6px; }
  .mko-ekran figcaption { flex-direction: column; align-items: flex-start; }
  .mko-son { padding: 64px 0 56px; }
  .beyan-belge::before { display: none; }
  .bb-kagit { padding: 22px 16px 18px; font-size: 12px; }
  .bb-ust { flex-direction: column; align-items: flex-start; }
  .bb-baslik-kap { text-align: left; }
  .bb-imza { grid-template-columns: 1fr auto; }
  .bb-imza-sol { grid-column: 1 / -1; }
  .bb-dip { margin: 14px -16px -18px; padding: 9px 16px; flex-direction: column; }
  .bb-filigran { font-size: 68px; }
  .bb-liste-iki { grid-template-columns: 1fr; }
}

/* ---------- 2026-11-04: ücretsiz üyelik modeli — "Nasıl çalışır" (paketler.html; fiyat ve paket kartı yok) ---------- */
.fy-not { margin: 18px 0 0; font-size: 13px; color: var(--muted); }
.nc-adimlar { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: nc; }
.nc-adimlar li { position: relative; padding: 22px 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(13, 27, 62, 0.05); }
.nc-adimlar li:not(:last-child)::after { content: '→'; position: absolute; right: -15px; top: 34px; color: #b9c3dd; font-size: 18px; }
.nc-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.nc-no { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--royal-700); color: #fff; font-size: 14px; font-weight: 700; }
.nc-ico { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: #eef3ff; color: var(--royal-700); }
.nc-ico .i { width: 22px; height: 22px; }
.nc-adimlar h3 { margin: 0 0 6px; font-size: 17px; color: var(--royal-ink); }
.nc-adimlar p { margin: 0; font-size: 14px; color: #56607a; line-height: 1.55; }
.nc-cagri { margin-top: 28px; }
.nc-iki { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 22px; }
.nc-kart { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.nc-kart h2 { margin-top: 0; font-size: 24px; }
.nc-moduller { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nc-moduller li { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.nc-moduller strong { display: block; font-size: 14.5px; color: var(--royal-ink); }
.nc-moduller small { display: block; margin-top: 2px; font-size: 13px; color: #56607a; line-height: 1.45; }
@media (max-width: 1080px) {
  .nc-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nc-adimlar li::after { display: none; }
  .nc-iki { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .nc-adimlar, .nc-moduller { grid-template-columns: 1fr; }
  .nc-kart { padding: 22px 18px; }
}

/* ---------- 2026-11-04: ücretsiz ürün analizi sihirbazı (ucretsiz-analiz.html) ---------- */
.sh-akis { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sh-akis li { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.sh-akis strong { display: block; font-size: 15px; color: var(--royal-ink); }
.sh-akis small { display: block; font-size: 13px; color: #56607a; line-height: 1.45; }
.sh-akis-no { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--sari, #f5bf1b); color: var(--royal-ink); font-weight: 700; }
.sh-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 26px; align-items: start; }
.sh-form { padding: 28px 30px; }
.sh-form .h-card { margin-bottom: 14px; }
.sh-ilerleme { margin-bottom: 20px; }
.sh-adimlar { list-style: none; margin: 0 0 10px; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.sh-adimlar li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 13.5px; font-weight: 600; }
.sh-adimlar .sh-no { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #fff; color: var(--royal-700); font-size: 12.5px; font-weight: 700; }
.sh-adimlar li[aria-current='step'] { background: var(--royal-700); color: #fff; }
.sh-adimlar li[data-tamam] { background: #e9f8ef; color: #127a3e; }
.sh-cubuk { width: 100%; height: 6px; border: 0; border-radius: 999px; background: var(--surface); overflow: hidden; -webkit-appearance: none; appearance: none; }
.sh-cubuk::-webkit-progress-bar { background: var(--surface); border-radius: 999px; }
.sh-cubuk::-webkit-progress-value { background: linear-gradient(90deg, var(--royal-600), var(--orange)); border-radius: 999px; }
.sh-cubuk::-moz-progress-bar { background: linear-gradient(90deg, var(--royal-600), var(--orange)); border-radius: 999px; }
.sh-hata-ozet { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #f3b4ad; border-radius: 12px; background: #fff4f2; color: #9b1c12; font-size: 14px; }
.sh-hata-ozet:focus { outline: 2px solid #d92d20; outline-offset: 2px; }
.sh-hata-ozet ul { margin: 6px 0 0; padding-left: 18px; }
.sh-adim { margin: 0; padding: 0; border: 0; min-width: 0; }
.sh-adim > .field, .sh-adim > fieldset.field { margin-bottom: 18px; }
.sh-gruplar { margin: 0 0 18px; padding: 0; border: 0; }
.sh-gruplar legend, .sh-kutular legend, .sh-onaylar legend, .sh-makine legend { margin-bottom: 10px; font-size: 14.5px; font-weight: 600; color: var(--dark); }
.sh-grup-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.sh-grup { position: relative; display: block; cursor: pointer; }
.sh-grup input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.sh-grup-ic { display: flex; align-items: center; gap: 10px; height: 100%; padding: 10px 12px; border: 1.5px solid var(--line-2); border-radius: 12px; background: #fff; font-size: 13.5px; font-weight: 600; color: var(--dark); line-height: 1.3; transition: border-color 0.15s, background 0.15s; }
.sh-grup-ic .i { flex: none; width: 22px; height: 22px; color: var(--royal-700); }
.sh-grup:hover .sh-grup-ic { border-color: var(--royal-600); }
.sh-grup input:checked + .sh-grup-ic { border-color: var(--royal-700); background: #eef3ff; box-shadow: inset 0 0 0 1px var(--royal-700); }
.sh-grup input:focus-visible + .sh-grup-ic { outline: 2px solid var(--royal-600); outline-offset: 2px; }
.sh-gruplar[aria-invalid='true'] .sh-grup-ic, .sh-gruplar.sh-hatali .sh-grup-ic { border-color: #e7a19a; }
.sh-ops { font-weight: 400; color: var(--muted); font-size: 13px; }
.sh-kutular { margin: 0 0 18px; padding: 0; border: 0; }
.sh-kutu-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.sh-kutu-izgara.sh-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sh-kutu-izgara .check, .sh-onay .check { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 14px; line-height: 1.45; }
.sh-kutu-izgara .check input, .sh-onay .check input { flex: none; margin-top: 3px; }
.sh-makine { margin: 6px 0 18px; padding: 18px 18px 4px; border: 1px solid #d6e2ff; border-radius: 14px; background: #f6f9ff; }
.sh-makine[disabled] { display: none; }
.sh-dugmeler { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.sh-dugmeler .btn:only-child { margin-left: auto; }
.sh-uye-not { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: var(--surface-2); font-size: 14px; }
.sh-onaylar { margin: 6px 0 16px; padding: 16px 16px 6px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcff; }
.sh-onay { margin-bottom: 12px; }
.sh-onay-etiket { display: inline-block; margin: 4px 0 0 24px; padding: 1px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; }
.sh-onay-etiket.zorunlu { background: #fff1e6; color: var(--orange-dark); }
.sh-onay-etiket.istege { background: var(--surface); color: var(--muted); }
.sh-onay-bag { display: inline-flex; flex-wrap: wrap; gap: 4px 14px; margin: 4px 0 0 10px; font-size: 13px; font-weight: 600; }
.sh-onay .err, .sh-gruplar .err, .sh-kutular .err { margin-left: 0; }
.sh-uye { margin-bottom: 16px; padding: 14px 16px; border-radius: 12px; background: #e9f8ef; color: #0f5f31; }
.sh-uye p { margin: 0; }
.sh-yan { position: sticky; top: calc(var(--ust-h, 40px) + 100px); display: grid; gap: 16px; }
.sh-yan-kart { padding: 22px 22px 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.sh-yan-kart h2 { margin: 10px 0 10px; font-size: 18px; color: var(--royal-ink); }
.sh-yan-kart p { margin: 0 0 10px; font-size: 14px; color: #56607a; line-height: 1.55; }
.sh-yan-ikon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #eef3ff; color: var(--royal-700); }
.sh-yan-koyu { background: linear-gradient(140deg, var(--royal-950), var(--royal-700)); border-color: transparent; }
.sh-yan-koyu h2 { color: #fff; }
.sh-yan-koyu p { color: rgba(255, 255, 255, 0.84); }
.sh-yan-koyu .sh-yan-ikon { background: rgba(255, 255, 255, 0.12); color: #ffd77a; }
.sh-yan-koyu .link-more { color: #ffd77a; }
@media (max-width: 1080px) {
  .sh-izgara { grid-template-columns: 1fr; }
  .sh-yan { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sh-yan .note { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .sh-akis { grid-template-columns: 1fr; }
  .sh-form { padding: 22px 16px; }
  .sh-kutu-izgara, .sh-kutu-izgara.sh-dort { grid-template-columns: 1fr; }
  .sh-kutu-izgara.sh-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sh-grup-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sh-yan { grid-template-columns: 1fr; }
  .sh-adimlar li { font-size: 12.5px; }
}

/* ---------- 2026-11-04: CE ürün sayfası standart şablonu — Kapsam → Mevzuat → Testler → Teknik Dosya → Beyan ve İşaretleme → Teklif Al ---------- */
.ceu-giris { padding: 40px 0 24px; }
.ceu-giris-ust { display: flex; gap: 18px; align-items: flex-start; }
.ceu-giris-ust .lead { margin: 0; max-width: 900px; }
.ceu-serit { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 12px 16px; border: 1px solid #f6d77a; border-radius: 12px; background: #fffaeb; color: #5b4630; font-size: 14.5px; }
.ceu-serit .i { flex: none; width: 20px; height: 20px; color: #c48a00; }
.ceu-serit b { color: var(--royal-ink); }
.ceu-serit:hover { border-color: var(--sari, #f5bf1b); text-decoration: none; }
/* yapışkan adım çubuğu */
.ceu-adimlar { position: sticky; top: calc(var(--ust-h, 40px) + 88px); z-index: 30; background: rgba(255, 255, 255, 0.96); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); backdrop-filter: saturate(140%) blur(8px); -webkit-backdrop-filter: saturate(140%) blur(8px); }
.ceu-adimlar ol { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.ceu-adimlar ol::-webkit-scrollbar { display: none; }
.ceu-adimlar li { flex: 1 1 0; min-width: max-content; }
.ceu-adimlar a { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 12px; color: var(--muted); font-size: 14.5px; font-weight: 600; white-space: nowrap; border-bottom: 3px solid transparent; }
.ceu-adimlar a:hover { color: var(--royal-ink); text-decoration: none; }
.ceu-adimlar a[aria-current='step'] { color: var(--royal-ink); border-bottom-color: var(--sari, #f5bf1b); }
.ceu-adimlar-no { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--surface); color: var(--royal-700); font-size: 13px; font-weight: 700; }
.ceu-adimlar a[aria-current='step'] .ceu-adimlar-no { background: var(--royal-700); color: #fff; }
.ceu-adimlar li:not(:last-child) a::after { content: '→'; position: absolute; right: -6px; color: #c4cbe0; font-weight: 400; }
.ceu-adimlar-analiz a { color: var(--orange-dark); }
.ceu-adimlar-analiz .ceu-adimlar-no, .ceu-adimlar-analiz a[aria-current='step'] .ceu-adimlar-no { background: var(--orange); color: #fff; }
.ceu-adimlar-analiz a[aria-current='step'] { color: var(--orange-dark); border-bottom-color: var(--orange); }
/* numaralı akış */
.ceu-akis { padding-top: 40px; }
/* html scroll-padding-top üst bilgiyi zaten karşılar; burada yalnız yapışkan adım çubuğunun yüksekliği eklenir */
.ceu-adim { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 22px; padding-bottom: 40px; scroll-margin-top: 64px; }
.ceu-adim::before { content: ''; position: absolute; left: 27px; top: 56px; bottom: 0; width: 2px; background: linear-gradient(var(--line-2), var(--line)); }
.ceu-adim-analiz::before { display: none; }
.ceu-no { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(145deg, var(--royal-600), var(--royal-900)); color: #fff; font-size: 22px; font-weight: 800; box-shadow: 0 12px 24px -10px rgba(13, 71, 184, 0.6); }
.ceu-adim-analiz .ceu-no { background: linear-gradient(145deg, var(--orange-2), var(--orange-dark)); box-shadow: 0 12px 24px -10px rgba(224, 109, 11, 0.6); }
.ceu-govde { padding: 22px 26px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(13, 27, 62, 0.05); }
.ceu-govde h2 { margin: 0 0 4px; font-size: 24px; color: var(--royal-ink); }
.ceu-alt { margin: 0 0 16px; color: var(--muted); font-size: 14.5px; }
.ceu-alt-baslik { margin: 18px 0 8px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--royal-700); }
.ceu-liste { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; color: var(--dark); }
.ceu-bag-satir { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 8px 0 0; }
.ceu-mevzuat { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 8px; }
.ceu-mevzuat li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); font-size: 14.5px; }
.ceu-mevzuat b { color: var(--royal-700); }
.ceu-bag { display: inline-flex; flex-wrap: wrap; gap: 4px 14px; margin-left: auto; font-size: 13px; font-weight: 600; }
.ceu-iliskili { margin: 8px 0 0; font-size: 14px; color: #56607a; }
.ceu-gecis { margin: 14px 0; padding: 16px 18px; border: 1px solid #f6d77a; border-radius: 14px; background: #fffaeb; scroll-margin-top: 80px; }
.ceu-gecis p { margin: 8px 0 0; font-size: 14.5px; color: #5b4630; }
.ceu-gecis-etiket { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 0 6px !important; font-size: 12px !important; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #9a6b00 !important; }
.ceu-gecis-etiket .i { width: 16px; height: 16px; }
.ceu-gecis-akis { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ceu-eski { padding: 4px 10px; border-radius: 8px; background: #fff; border: 1px solid var(--line-2); color: var(--muted); font-size: 14px; text-decoration: line-through; text-decoration-color: rgba(105, 115, 138, 0.5); }
.ceu-yeni { padding: 4px 10px; border-radius: 8px; background: var(--royal-700); color: #fff; font-size: 14px; font-weight: 600; }
.ceu-ok { color: #c48a00; font-weight: 700; }
.ceu-tarih { padding: 4px 10px; border-radius: 999px; background: var(--sari, #f5bf1b); color: var(--royal-ink); font-size: 13px; font-weight: 700; }
/* Teklif Al */
.ceu-adim-analiz .ceu-govde { background: linear-gradient(135deg, var(--royal-950), var(--royal-700)); border-color: transparent; color: #fff; }
.ceu-adim-analiz .ceu-govde h2 { color: #fff; }
.ceu-adim-analiz .ceu-alt { color: rgba(255, 255, 255, 0.82); }
/* 6. adım: ürün analizi girişi (2026-11-04; "teklif isteyin" yerine) */
.ceu-analiz label { display: block; margin: 0 0 6px; font-size: 13.5px; font-weight: 600; color: rgba(255, 255, 255, 0.9); }
.ceu-analiz-satir { display: flex; flex-wrap: wrap; gap: 10px; }
.ceu-analiz-satir input { flex: 1 1 260px; min-width: 0; height: 52px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 12px; background: #fff; color: var(--dark); font: inherit; font-size: 15px; }
.ceu-analiz-satir input:focus { outline: 3px solid #ffd77a; outline-offset: 1px; }
.ceu-analiz-not { margin: 12px 0 0; font-size: 13.5px; color: rgba(255, 255, 255, 0.8); }
.ceu-analiz-bag { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 10px 0 0; font-size: 14px; font-weight: 600; }
.ceu-analiz-bag a { color: #ffd77a; }
@media (max-width: 1080px) {
  .ceu-adimlar { top: calc(var(--ust-h, 38px) + 76px); }
  .ceu-adimlar li { flex: 0 0 auto; }
}
@media (max-width: 760px) {
  .ceu-adimlar { top: calc(var(--ust-h, 38px) + 68px); }
  .ceu-adimlar a { padding: 12px 8px; font-size: 13.5px; }
  .ceu-adim { grid-template-columns: 1fr; gap: 10px; }
  .ceu-adim::before { display: none; }
  .ceu-no { width: 42px; height: 42px; border-radius: 12px; font-size: 18px; }
  .ceu-govde { padding: 18px 16px; }
  .ceu-giris-ust { flex-direction: column; }
  .ceu-bag { margin-left: 0; }
}

/* ---------- 2026-11-05: CEPASS API v1 geliştirici belgesi (/api.html) — içindekiler + künye + senaryolar + uç kartları + kod blokları ----------
   Kod blokları da Poppins'tir (site kuralı: yazı tipi her yerde Poppins); uzun satırlar kutunun içinde yatay kayar, sayfa taşmaz. */
.api-belge { padding-top: 56px; }
.api-izgara { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 48px; align-items: start; }
.api-icindekiler { position: sticky; top: calc(108px + var(--ust-h, 0px)); padding: 18px 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); }
.api-ic-baslik { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.api-icindekiler ol { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 2px; }
.api-icindekiler ol a { display: block; padding: 7px 10px; border-radius: 9px; color: var(--royal-ink); font-size: 14px; font-weight: 500; }
.api-icindekiler ol a:hover { background: var(--surface); color: var(--royal-700); text-decoration: none; }
.api-icerik { min-width: 0; }
.api-icerik > .callout { margin-top: 18px; }
.api-kunye { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0; }
.api-kunye > div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.api-kunye dt { font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.api-kunye dd { margin: 4px 0 0; font-size: 14px; font-weight: 600; color: var(--royal-ink); line-height: 1.4; }
.api-bolum { padding-top: 46px; }
.api-bolum > h2 { margin: 0 0 14px; font-size: 30px; color: var(--royal-ink); }
.api-bolum h3 { margin: 28px 0 10px; font-size: 19px; color: var(--royal-ink); }
.api-bolum > p, .api-bolum .chev-list { max-width: 900px; font-size: 15.5px; }
.api-belge code { padding: 1px 6px; border-radius: 6px; background: #eef2f9; color: var(--royal-ink); font-size: 0.92em; overflow-wrap: anywhere; }
.api-senaryolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.api-senaryo { display: flex; flex-direction: column; padding: 20px 20px 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); }
.api-senaryo h3 { margin: 12px 0 6px; font-size: 17px; }
.api-senaryo p { margin: 0 0 12px; font-size: 14.5px; color: #4e5873; }
.api-senaryo-ikon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--surface); color: var(--royal-700); }
.api-senaryo-ikon .i { width: 22px; height: 22px; }
.api-senaryo .api-uc-cipler { margin: auto 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.api-uc-cip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px 3px 3px; border: 1px solid #d5ddeb; border-radius: 9px; background: #fbfcfe; font-size: 12.5px; color: var(--royal-ink); }
.api-uc-cip:hover { border-color: var(--royal-700); text-decoration: none; }
.api-uc-cip code { padding: 0; background: none; }
.api-yontem { display: inline-flex; align-items: center; justify-content: center; min-width: 50px; padding: 2px 8px; border-radius: 7px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; }
.api-get { background: #e3edff; color: var(--royal-700); }
.api-post { background: #ffeedd; color: #b4560a; }
.api-patch { background: #efe6ff; color: #6232b8; }
.api-adimlar { margin: 8px 0 18px; padding-left: 22px; max-width: 900px; font-size: 15.5px; }
.api-adimlar li { margin-bottom: 10px; padding-left: 4px; }
.api-adimlar li::marker { color: var(--royal-700); font-weight: 700; }
table.api-tablo { font-size: 14px; }
table.api-tablo td { overflow-wrap: anywhere; }
.api-uclar { display: grid; gap: 16px; margin-top: 24px; }
.api-uc { padding: 20px 22px 6px; border: 1px solid var(--line); border-radius: 16px; background: #fff; scroll-margin-top: calc(108px + var(--ust-h, 0px)); }
.api-uc h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 17px; }
.api-uc h3 code { padding: 0; background: none; font-size: 16px; font-weight: 600; }
.api-uc-ozet { margin: 0 0 4px; font-weight: 600; color: var(--royal-ink); }
.api-uc p { font-size: 14.5px; }
.api-kapsam { color: var(--muted); }
.api-kod-kap { margin: 14px 0; }
.api-kod-kap figcaption { margin: 0 0 6px; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.api-kod { margin: 0; padding: 16px 18px; overflow-x: auto; border-radius: 12px; background: var(--royal-ink); color: #dde6f8; font-size: 13px; line-height: 1.6; white-space: pre; tab-size: 2; font-variant-numeric: tabular-nums; }
.api-kod:focus-visible { outline: 3px solid var(--royal-700); outline-offset: 2px; }
.api-kod code { padding: 0; background: none; color: inherit; font-size: inherit; overflow-wrap: normal; }
.api-cta-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; }
.api-cta-ic > div:first-child { max-width: 680px; }
.api-cta-ic p { margin: 0; }
@media (max-width: 1180px) {
  .api-kunye { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .api-senaryolar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
  .api-izgara { grid-template-columns: 1fr; gap: 24px; }
  .api-icindekiler { position: static; }
  .api-icindekiler ol { display: flex; flex-wrap: wrap; gap: 6px; }
  .api-icindekiler ol a { padding: 6px 10px; border: 1px solid var(--line); }
  .api-icindekiler .btn-block { width: auto; }
}
@media (max-width: 760px) {
  .api-belge { padding-top: 36px; }
  .api-kunye { grid-template-columns: 1fr 1fr; }
  .api-senaryolar { grid-template-columns: 1fr; }
  .api-bolum > h2 { font-size: 24px; }
  .api-uc { padding: 16px 14px 4px; }
  .api-kod { padding: 14px; font-size: 12.5px; }
}