/* Tanıtım sitesi — Uygun Muhasebe'ye özgü görünüm (uygulama arayüzünden ayrı). */

body.tanitim {
  --kagit: #ffffff; --kagit-2: #f5f7fa; --murekkep: #111827; --murekkep-2: #4b5563; --cizgi: #e5e8ee;
  --marka: #206bc4; --marka-koyu: #164f93; --marka-acik: #e8f0fb; --vurgu: #f59f00; --yesil: #1f9d55;
  background: var(--kagit); color: var(--murekkep); -webkit-font-smoothing: antialiased;
}
[data-bs-theme="dark"] body.tanitim {
  --kagit: #121417; --kagit-2: #1a1d22; --murekkep: #eef0f3; --murekkep-2: #a9aeb6; --cizgi: #2a2e35;
  --marka-acik: rgba(32, 107, 196, .16);
}
.tanitim h1, .tanitim h2, .tanitim h3, .tanitim .baslik-font { font-family: var(--tblr-font-sans-serif);
  letter-spacing: -.01em; color: var(--murekkep); line-height: 1.15; }
.tanitim a { text-underline-offset: 3px; }
.tanitim .text-soluk { color: var(--murekkep-2); }

/* Üst menü */
.tanitim-ust { background: color-mix(in srgb, var(--kagit) 82%, transparent); backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 1030; }
.tanitim-ust .nav-link { color: var(--murekkep-2); font-weight: 500; white-space: nowrap; }
.tanitim-ust .nav-link:hover, .tanitim-ust .nav-link.active { color: var(--murekkep); }
.tanitim .btn { border-radius: 10px; font-weight: 600; }
.tanitim .btn-lg { padding: .75rem 1.25rem; font-size: 1rem; }
.btn-marka { background: var(--marka); color: #fff; border: 0; box-shadow: 0 8px 20px -10px rgba(32, 107, 196, .7); }
.btn-marka:hover, .btn-marka:focus { background: var(--marka-koyu); color: #fff; }

/* Kahraman */
.kahraman { padding: 4rem 0 3.5rem; background: linear-gradient(180deg, var(--marka-acik) 0%, var(--kagit) 100%); }
.kahraman h1 { font-size: clamp(2.3rem, 4.6vw, 3.7rem); line-height: 1.02; font-weight: 700; margin-bottom: 1.25rem; }
.kahraman h1 .vurgu-cizgi { color: var(--marka); }
.kahraman .ozet { font-size: 1.15rem; line-height: 1.6; color: var(--murekkep-2); max-width: 34rem; }
.ust-etiket { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 600; color: var(--murekkep-2);
  border: 1px solid var(--cizgi); background: var(--kagit); border-radius: 999px; padding: .3rem .8rem .3rem .35rem; margin-bottom: 1.4rem; }
.ust-etiket .nokta { background: var(--marka); color: #fff; border-radius: 999px; padding: .1rem .55rem; font-size: .75rem; }
.guvence { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; color: var(--murekkep-2); font-size: .9rem; margin-top: 1.1rem; }
.guvence i { color: var(--yesil); }

/* Ürün görseli ve üzerindeki kartlar */
.urun-sahnesi { position: relative; padding: 1.5rem 0 2.5rem; }
.tarayici { border-radius: 14px; background: var(--kagit); border: 1px solid var(--cizgi); overflow: hidden;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 40px 80px -30px rgba(22, 26, 32, .35), 0 12px 24px -12px rgba(22, 26, 32, .18); }
.tarayici-cubuk { display: flex; align-items: center; gap: .4rem; padding: .55rem .8rem; border-bottom: 1px solid var(--cizgi); background: var(--kagit-2); }
.tarayici-cubuk span { width: 10px; height: 10px; border-radius: 50%; background: #d9d5cc; }
.tarayici-cubuk .adres { flex: 1; margin-left: .6rem; width: auto; height: auto; border-radius: 6px; background: var(--kagit);
  color: var(--murekkep-2); font-size: .75rem; padding: .15rem .6rem; }
.tarayici img { display: block; width: 100%; height: auto; }
/* "Garson telefonu" sekmesi: solda telefon, sağda kasa ve mutfak */
.garson-sahne { display: grid; grid-template-columns: minmax(0, 34%) minmax(0, 1fr); gap: 1.25rem; align-items: center; }
.garson-sahne figure { margin: 0; }
.garson-sahne figcaption { margin-top: .45rem; font-size: .85rem; font-weight: 600; color: var(--murekkep-2); text-align: center; }
.telefon-tam { border: 7px solid #0b1220; border-radius: 28px; overflow: hidden; background: #0b1220;
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .45); }
.telefon-tam img { display: block; width: 100%; height: auto; }
.garson-ekranlar { display: grid; gap: 1rem; }
@media (max-width: 575.98px) {
  .garson-sahne { grid-template-columns: 1fr; }
  .garson-telefon { width: 62%; margin: 0 auto; }
}
.yuzen { position: absolute; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px;
  box-shadow: 0 18px 40px -18px rgba(22, 26, 32, .4); padding: .75rem .9rem; font-size: .85rem; max-width: 20rem; }
.yuzen-1 { left: -1.5rem; bottom: 0; }
.yuzen-2 { right: -1rem; top: -.5rem; }
.yuzen-3 { right: 2rem; bottom: -1.2rem; }
@media (prefers-reduced-motion: no-preference) {
  .yuzen-1 { animation: suzul 6s ease-in-out infinite; }
  .yuzen-2 { animation: suzul 7s ease-in-out -2s infinite; }
  .yuzen-3 { animation: suzul 8s ease-in-out -4s infinite; }
}
@keyframes suzul { 50% { transform: translateY(-6px); } }
@media (max-width: 991.98px) { .yuzen-2, .yuzen-3 { display: none; } .yuzen-1 { left: .5rem; bottom: -.5rem; } }
@media (max-width: 575.98px) { .yuzen-1 { display: none; } .urun-sahnesi { padding-bottom: 0; } }
/* Ürün görseli temaya göre: açık temada açık ekran, koyuda koyu */
.koyu-gorsel { display: none !important; }
[data-bs-theme="dark"] .tanitim .koyu-gorsel { display: block !important; }
[data-bs-theme="dark"] .tanitim .acik-gorsel { display: none !important; }
.rozet-yesil { white-space: nowrap; background: #dcf5e6; color: #146c3d; border-radius: 999px; padding: .05rem .5rem; font-size: .72rem; font-weight: 600; }
.sms-balon { background: var(--kagit-2); border-radius: 14px 14px 14px 4px; padding: .55rem .7rem; line-height: 1.4; }

/* Bant: gerçek yetenekler */
.yetenek-bandi { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: var(--kagit); }
.yetenek-bandi .liste { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 2rem; padding: 1.1rem 0;
  color: var(--murekkep-2); font-weight: 600; font-size: .95rem; }
.yetenek-bandi i { color: var(--marka); margin-right: .35rem; }

/* Bölümler */
.bolum { padding: 5.5rem 0; }
.bolum-baslik { max-width: 40rem; margin-bottom: 2.75rem; }
.bolum-baslik .ust { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--marka); }
.bolum-baslik h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 700; line-height: 1.08; margin: .4rem 0 .8rem; }
.bolum-baslik p { color: var(--murekkep-2); font-size: 1.08rem; margin: 0; }

/* Bento ızgarası */
.bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
.bento-kart { grid-column: span 2; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.4rem;
  display: flex; flex-direction: column; gap: 1rem; transition: border-color .2s, transform .2s, box-shadow .2s; overflow: hidden; }
.bento-kart:hover { border-color: color-mix(in srgb, var(--marka) 40%, var(--cizgi)); transform: translateY(-2px);
  box-shadow: 0 20px 40px -28px rgba(22, 26, 32, .45); }
.bento-kart.g4 { grid-column: span 4; } .bento-kart.g3 { grid-column: span 3; }
.bento-kart h3 { font-size: 1.25rem; font-weight: 700; margin: 0; }
.bento-kart p { color: var(--murekkep-2); margin: 0; }
.bento-sahne { background: var(--kagit-2); border-radius: 12px; padding: 1rem; margin-top: auto; font-size: .82rem; }
@media (max-width: 991.98px) { .bento { grid-template-columns: repeat(2, 1fr); } .bento-kart, .bento-kart.g4, .bento-kart.g3 { grid-column: span 2; } }
@media (min-width: 992px) { .bento-kart.uzun { grid-row: span 2; } }
.mini-alan { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--cizgi); padding: .35rem 0; }
.mini-alan:last-child { border-bottom: 0; }
.mini-alan .d { font-weight: 600; font-variant-numeric: tabular-nums; }
.vurgu-kutu { outline: 2px solid color-mix(in srgb, var(--vurgu) 70%, transparent); outline-offset: 2px; border-radius: 6px; }
.mini-hap { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .15rem .55rem; font-weight: 600;
  font-size: .75rem; background: var(--marka-acik); color: var(--marka-koyu); }
[data-bs-theme="dark"] .mini-hap { color: #8fb8ee; }
.zaman-cizgisi { display: flex; gap: .4rem; flex-wrap: wrap; }
.zaman-cizgisi span { border: 1px solid var(--cizgi); border-radius: 8px; padding: .15rem .5rem; background: var(--kagit); }

/* İşine göre */
.is-secici { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-bottom: 1.5rem; }
.is-secici button { border: 1px solid var(--cizgi); background: var(--kagit); color: var(--murekkep); border-radius: 999px;
  padding: .5rem 1rem; font-weight: 600; display: inline-flex; align-items: center; gap: .45rem; transition: all .15s; }
.is-secici button[aria-pressed="true"] { background: var(--marka); color: #fff; border-color: var(--marka); }
.is-paneli { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.75rem; }
.modul-hap { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid var(--cizgi); border-radius: 10px;
  padding: .45rem .75rem; margin: 0 .4rem .5rem 0; background: var(--kagit-2); font-weight: 500; }
.modul-hap i { color: var(--marka); }

/* Müşavir bandı (koyu) */
.koyu-bant { border: 1px solid #262c35; background: #14181f; color: #eef0f3; border-radius: 24px; padding: 3rem; overflow: hidden; position: relative; }
.koyu-bant h2 { color: #fff; }
.koyu-bant .text-soluk { color: #a9aeb6; }
.musavir-aktarim span { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .7rem; border-radius: 999px;
  background: rgba(143, 184, 238, .12); border: 1px solid rgba(143, 184, 238, .3); color: #cfe0f7; font-size: .85rem; font-weight: 600; }
.musavir-aktarim i { color: #8fb8ee; }
.koyu-liste { background: #1c222b; border: 1px solid #2a313c; border-radius: 14px; font-size: .85rem; }
.koyu-liste .satir { display: flex; align-items: center; gap: .75rem; padding: .65rem .9rem; border-bottom: 1px solid #2a313c; }
.koyu-liste .satir:last-child { border-bottom: 0; }

/* Fiyat */
.plan-kart { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.75rem; height: 100%;
  display: flex; flex-direction: column; }
.plan-kart.one-cikan { border: 2px solid var(--marka); box-shadow: 0 30px 60px -40px rgba(22, 26, 32, .6); }
.plan-kart .fiyat { font-size: 2.6rem; font-weight: 700; letter-spacing: -.02em; }
.plan-kart ul { list-style: none; padding: 0; margin: 1rem 0 1.5rem; }
.plan-kart li { padding: .3rem 0; display: flex; gap: .5rem; }
.plan-kart li i { color: var(--yesil); margin-top: .2rem; }
.plan-kart .plan-ust { min-height: 2rem; }
/* Paket kartı: üstte yapay zekâ şeridi, altta "önceki paketteki her şey dahil" kutusu (Plan.kart_duzeni) */
.plan-ai, .plan-dahil { display: flex; gap: .65rem; align-items: flex-start; border-radius: 12px; padding: .7rem .85rem; line-height: 1.35; }
.plan-ai div, .plan-dahil div { display: flex; flex-direction: column; gap: .1rem; }
.plan-ai span, .plan-dahil span { font-size: .85rem; color: var(--murekkep-2); }
.plan-ai i, .plan-dahil i { font-size: 1.25rem; margin-top: .05rem; }
.plan-ai { margin-top: 1.25rem; background: linear-gradient(135deg, #f4f1ff 0%, #eaf2ff 100%); border: 1px solid #e3ddfb; }
.plan-ai i { color: #7c5cff; }
.plan-ai + ul { margin-top: .75rem; }
.plan-dahil { margin: -.75rem 0 1.5rem; background: var(--marka-acik); border: 1px dashed rgba(32, 107, 196, .35); }
.plan-dahil i { color: var(--marka); }
[data-bs-theme="dark"] .plan-ai { background: linear-gradient(135deg, rgba(124, 92, 255, .14) 0%, rgba(22, 104, 227, .14) 100%); border-color: #3a3361; }
[data-bs-theme="dark"] .plan-ai i { color: #a993ff; }
[data-bs-theme="dark"] .plan-dahil { background: rgba(32, 107, 196, .14); border-color: rgba(120, 170, 235, .35); }
[data-bs-theme="dark"] .plan-dahil i { color: #78aaeb; }
.periyot-secici { display: inline-flex; border: 1px solid var(--cizgi); border-radius: 12px; padding: .25rem; background: var(--kagit); }
.periyot-secici button { border: 0; background: transparent; padding: .45rem 1rem; border-radius: 9px; font-weight: 600; color: var(--murekkep-2); }
.periyot-secici button.secili { background: var(--marka); color: #fff; }

/* SSS */
.tanitim .accordion-item { background: transparent; border-color: var(--cizgi); }
.tanitim .accordion-button { background: transparent; font-weight: 600; color: var(--murekkep); }

/* Son çağrı */
.son-cagri { background: var(--marka); color: #fff; border-radius: 24px; padding: 3.5rem; position: relative; overflow: hidden; }
.son-cagri h2 { color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 700; }
.son-cagri .kedi { position: absolute; right: 2.5rem; bottom: -1rem; width: 170px; height: 170px; opacity: .95; }
@media (max-width: 767.98px) { .son-cagri .kedi { display: none; } .son-cagri, .koyu-bant { padding: 2rem; } }

/* Alt bilgi */
.tanitim-alt { border-top: 1px solid var(--cizgi); background: var(--kagit-2); }
.tanitim-alt a { color: var(--murekkep-2); }
.tanitim-alt h4 { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--murekkep-2); }
.alt-sosyal { display: flex; gap: .9rem; font-size: 1.4rem; }
.alt-sosyal a:hover { color: var(--marka); }
.alt-odeme { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.alt-odeme .kartlar { display: inline-flex; align-items: center; gap: .6rem; }
.alt-odeme .kartlar img { height: 22px; width: auto; }
.alt-odeme .iyzico-ile-ode { display: inline-flex; align-items: center; gap: .25rem; font-weight: 600; color: var(--murekkep-2); }
.alt-odeme .iyzico-ile-ode img { height: 18px; }

/* Alt sayfalar */
.sayfa-bas { padding: 3.5rem 0 2rem; background: linear-gradient(180deg, var(--marka-acik) 0%, var(--kagit) 100%); }
.sayfa-bas h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.1; margin: .5rem 0 .9rem; }
.tanitim .card { background: var(--kagit); border-color: var(--cizgi); border-radius: 18px; }
.tanitim-metin { max-width: 46rem; }
.tanitim-metin h2 { font-size: 1.3rem; margin-top: 2rem; }

/* Öne çıkanlar satırı, modül kartı, adım kartı */
.one-cikan-satir { display: flex; gap: .9rem; }
.one-cikan-satir > i { font-size: 1.35rem; color: var(--marka); margin-top: .1rem; }
.one-cikan-satir.destek-kedisi-satir > img { width: 64px; height: auto; flex: none; align-self: flex-start; }
.one-cikan-satir h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .25rem; }
.modul-kart { display: flex; gap: .9rem; height: 100%; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px;
  padding: 1rem 1.1rem; transition: border-color .2s; }
.modul-kart:hover { border-color: color-mix(in srgb, var(--marka) 40%, var(--cizgi)); }
.modul-kart h3, .modul-kart h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: .2rem; }
.modul-kart p { font-size: .9rem; }
/* mali müşavirler sayfası: "Panelde başka neler var" başlıkları */
.musavir-grup { display: flex; align-items: center; gap: .5rem; font-size: 1.15rem; font-weight: 700; margin: 0 0 .9rem; }
.musavir-grup i { color: var(--marka); }
.modul-kart-ikon { flex-shrink: 0; width: 2.4rem; height: 2.4rem; border-radius: 10px; display: inline-grid; place-items: center;
  background: var(--marka-acik); color: var(--marka); font-size: 1.25rem; }
.adim-kart { border-top: 2px solid var(--marka); padding-top: 1.1rem; }
.adim-kart .adim-no { display: inline-grid; place-items: center; font-weight: 700; font-size: .9rem; color: #fff;
  background: var(--marka); width: 1.75rem; height: 1.75rem; border-radius: 50%; }
.adim-kart h3 { font-size: 1.25rem; font-weight: 700; margin: .35rem 0; }
.tanitim .form-control, .tanitim .form-select { border-radius: 10px; }
.btn-ghost-light { color: #eef0f3; border: 1px solid #3a424e; background: transparent; }
.btn-ghost-light:hover { background: #1f2630; color: #fff; }

/* Kenar boşluğu: telefonda 16px; geniş ızgara aralıklarının (gx-lg-5) taşmaması için büyük ekranda 24px */
.tanitim .container-xl { padding-inline: 1rem; }
@media (min-width: 992px) { .tanitim .container-xl { padding-inline: 1.5rem; } }

/* Robom sadeliği: teklif hapları, fayda ızgarası, modül sekmeleri, mobil bant */
.teklif-haplari { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.teklif-haplari span { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid color-mix(in srgb, var(--marka) 30%, var(--cizgi));
  background: var(--marka-acik); color: var(--marka-koyu); border-radius: 999px; padding: .3rem .8rem; font-size: .875rem; font-weight: 600; }
[data-bs-theme="dark"] .teklif-haplari span { color: #a9c8f3; }
.fayda-izgarasi { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
@media (max-width: 1199.98px) { .fayda-izgarasi { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767.98px) { .fayda-izgarasi { grid-template-columns: 1fr; } }
.fayda { border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.2rem; background: var(--kagit); }
.fayda-ikon { width: 2.4rem; height: 2.4rem; border-radius: 10px; display: inline-grid; place-items: center; background: var(--marka-acik);
  color: var(--marka); font-size: 1.25rem; margin-bottom: .75rem; }
.fayda h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .3rem; }
.fayda p { color: var(--murekkep-2); font-size: .9rem; margin: 0; }
.sekme-listesi { display: flex; flex-direction: column; gap: .5rem; }
.sekme-listesi button { display: flex; align-items: center; gap: .6rem; text-align: left; border: 1px solid var(--cizgi); background: var(--kagit-2);
  color: var(--murekkep); border-radius: 12px; padding: .8rem 1rem; font-weight: 600; transition: all .15s; }
.sekme-listesi button i { color: var(--marka); font-size: 1.15rem; }
.sekme-listesi button:hover { border-color: var(--marka); }
.sekme-listesi button[aria-selected="true"] { background: var(--marka); border-color: var(--marka); color: #fff;
  box-shadow: 0 10px 24px -14px rgba(32, 107, 196, .9); }
.sekme-listesi button[aria-selected="true"] i { color: #fff; }
@media (max-width: 991.98px) {
  .sekme-listesi { flex-direction: row; overflow-x: auto; padding-bottom: .25rem; scrollbar-width: thin; }
  .sekme-listesi button { flex-shrink: 0; padding: .55rem .85rem; }
}
.sekme-paneli { background: var(--kagit-2); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.5rem; }
.mobil-bant { background: linear-gradient(135deg, var(--marka) 0%, #0f3f7a 100%); color: #fff; border-radius: 24px; padding: 3rem 3rem 0; overflow: hidden; }
.mobil-bant h2 { color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.6rem); font-weight: 700; margin-bottom: .9rem; }
.telefon { display: inline-block; width: 270px; border: 9px solid #0b1220; border-bottom: 0; border-radius: 36px 36px 0 0; overflow: hidden;
  background: #0b1220; box-shadow: 0 -10px 40px -10px rgba(0, 0, 0, .45); height: 430px; }
.telefon img { display: block; width: 100%; height: auto; }
@media (max-width: 767.98px) { .mobil-bant { padding: 2rem 2rem 0; } }
.kahraman h1.kahraman-baslik { font-size: clamp(2.1rem, 3.2vw, 3rem); line-height: 1.08; }
@media (min-width: 992px) { .kahraman-baslik .satir { white-space: nowrap; } }
.kahraman-ust { margin: 1.4rem 0 .5rem; font-size: .95rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--marka); }
.kahraman-ust + h1 { margin-top: 0; }

/* Destek bölümü */
.destek-baglantisi { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; font-weight: 600; color: var(--marka-koyu); }
.destek-baglantisi .ti { font-size: 1.2rem; }
.destek-bandi { background: var(--kagit-2); border: 1px solid var(--cizgi); border-radius: 24px; padding: 2.5rem; }
.destek-yolu { display: flex; gap: .9rem; padding: .9rem 0; border-top: 1px solid var(--cizgi); }
.destek-yolu h3 { font-size: 1.1rem; font-weight: 700; margin: 0 0 .2rem; }
.destek-yolu p { color: var(--murekkep-2); margin: 0; }
.destek-yolu-ikon { width: 2.6rem; height: 2.6rem; border-radius: 12px; display: inline-grid; place-items: center; flex-shrink: 0;
  background: var(--marka-acik); color: var(--marka); font-size: 1.35rem; }
.destek-yolu-ikon.buyuk { width: 3.4rem; height: 3.4rem; font-size: 1.8rem; background: var(--marka); color: #fff; }
.geri-arama-karti { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.75rem; height: 100%;
  box-shadow: 0 24px 50px -36px rgba(22, 26, 32, .5); }
.geri-arama-karti .form-control, .geri-arama-karti .form-select { font-size: 1.05rem; padding: .7rem .9rem; }
@media (max-width: 767.98px) { .destek-bandi { padding: 1.25rem; } .geri-arama-karti { padding: 1.25rem; } }

/* Özellikler sayfası: rakamlar, bölüm gezinmesi, vitrin bölümleri, karşılaştırma tablosu */
.rakam-bandi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: 60rem; margin: 0 auto; }
@media (max-width: 767.98px) { .rakam-bandi { grid-template-columns: repeat(2, 1fr); } }
.rakam { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 16px; padding: 1.1rem; text-align: center; }
.rakam-deger { font-size: 2.4rem; font-weight: 700; color: var(--marka); line-height: 1; }
.rakam-ad { font-weight: 700; margin-top: .35rem; }
.rakam-alt { color: var(--murekkep-2); font-size: .85rem; }
.ozellik-gezinme { position: sticky; top: 57px; z-index: 1020; background: color-mix(in srgb, var(--kagit) 90%, transparent);
  backdrop-filter: blur(8px); border-bottom: 1px solid var(--cizgi); }
.ozellik-gezinme .container-xl { display: flex; gap: .35rem; overflow-x: auto; padding-top: .6rem; padding-bottom: .6rem; scrollbar-width: thin; }
.ozellik-gezinme a { white-space: nowrap; display: inline-flex; align-items: center; gap: .35rem; padding: .45rem .8rem; border-radius: 999px;
  color: var(--murekkep-2); font-weight: 600; text-decoration: none; border: 1px solid transparent; }
.ozellik-gezinme a:hover { border-color: var(--cizgi); color: var(--murekkep); background: var(--kagit); }
.ozellik-gezinme a .ti { color: var(--marka); }
.vitrin { scroll-margin-top: 120px; }
.vitrin.gri { background: var(--kagit-2); }
.tik-listesi { list-style: none; padding: 0; margin: 0; }
.tik-listesi li { position: relative; padding: .4rem 0 .4rem 2rem; font-size: 1.02rem; }
.tik-listesi li::before { content: ""; position: absolute; left: 0; top: .55rem; width: 1.35rem; height: 1.35rem; border-radius: 50%;
  background: var(--marka-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23206bc4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center / 60% no-repeat; }
.vitrin-kart { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.25rem;
  box-shadow: 0 24px 50px -36px rgba(22, 26, 32, .45); }
.vitrin-not { font-size: .75rem; color: var(--murekkep-2); text-transform: uppercase; letter-spacing: .06em; }
.vitrin-kart .vitrin-not { margin-top: .75rem; }
.vkn-akisi { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.vkn-akisi > .ti { color: var(--murekkep-2); }
.vkn-adim { display: flex; align-items: center; gap: .6rem; border: 1px solid var(--cizgi); border-radius: 12px; padding: .55rem .8rem; flex: 1;
  min-width: 10rem; }
.vkn-adim.secili { background: var(--marka); border-color: var(--marka); color: #fff; }
.vkn-no { width: 1.6rem; height: 1.6rem; border-radius: 50%; display: inline-grid; place-items: center; background: var(--marka-acik);
  color: var(--marka); font-weight: 700; font-size: .8rem; flex-shrink: 0; }
.vkn-adim.secili .vkn-no { background: rgba(255, 255, 255, .25); color: #fff; }
.vitrin-tablo { font-size: .9rem; }
.vitrin-tablo th { font-size: .75rem; }
.zaman-listesi { list-style: none; padding: 0; margin: 0; }
.zaman-listesi li { display: flex; align-items: center; gap: .5rem; padding: .45rem 0; border-bottom: 1px dashed var(--cizgi); font-size: .9rem; }
.kdv-sonuc { display: flex; justify-content: space-between; align-items: center; margin-top: .75rem; padding: .75rem 1rem; border-radius: 12px;
  background: color-mix(in srgb, var(--tblr-red, #d63939) 8%, transparent); }
.kdv-sonuc strong { font-size: 1.25rem; color: var(--tblr-red, #d63939); }
.mini-kutu { background: var(--kagit-2); border-radius: 10px; padding: .5rem; }
.karsilastirma-tablosu { max-width: 60rem; margin: 0 auto; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; }
.k-satir { display: grid; grid-template-columns: 1.1fr 1.3fr 1.5fr; border-bottom: 1px solid var(--cizgi); }
.k-satir:last-child { border-bottom: 0; }
.k-satir > div { padding: .85rem 1rem; display: flex; align-items: center; gap: .45rem; }
.k-baslik { font-weight: 700; background: var(--kagit-2); }
.tezgah-sutun { background: var(--marka-acik); font-weight: 600; }
.tezgah-sutun .ti-check { color: var(--yesil); font-size: 1.2rem; }
.k-logo { width: 1.6rem; height: 1.6rem; }
@media (max-width: 767.98px) { .k-satir { grid-template-columns: 1fr; } .k-baslik { display: none; } .k-satir > div:first-child { padding-bottom: 0; } }
.tanitim .bolum-baslik h2, .tanitim .bolum-baslik h1 { line-height: 1.1; }
.zaman-listesi .mini-hap, .zaman-listesi .rozet-yesil { white-space: nowrap; flex-shrink: 0; }

/* Ana sayfa: "Yakında" rozeti, pazaryeri akışı */
.yakinda-rozet { display: inline-block; margin-left: auto; padding: .1rem .5rem; border-radius: 99px; font-size: .72rem;
  font-weight: 700; background: #fff4e0; color: #9a5b00; }
.sekme-listesi button[aria-selected="true"] .yakinda-rozet { background: rgba(255, 255, 255, .22); color: #fff; }
.sekme-paneli .yakinda-rozet { margin-left: 0; }
.pazaryeri-akis { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.25rem; }
.pazaryeri-logolar { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.pazaryeri-logo { display: flex; align-items: center; justify-content: center; height: 76px; padding: .9rem 1.2rem;
  background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; }
.pazaryeri-logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
.pazaryeri-ok { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: .9rem 0; color: var(--marka);
  font-weight: 600; }
.pazaryeri-ok i { font-size: 1.4rem; }
.pazaryeri-tezgah { border: 2px solid var(--marka); border-radius: 12px; padding: 1rem; background: var(--marka-acik); }
.pazaryeri-satir { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; margin-top: .45rem; background: var(--kagit);
  border-radius: 8px; font-weight: 500; }
.pazaryeri-satir i { color: var(--yesil); font-size: 1.15rem; }
.pazaryeri-satir span { margin-left: auto; color: var(--murekkep-2); font-variant-numeric: tabular-nums; font-size: .9rem; }

/* Tüm özellikler bir bakışta */
.ozellik-grubu { height: 100%; padding: 1.4rem 1.3rem; background: var(--kagit-2); border: 1px solid var(--cizgi); border-radius: 16px; }
.ozellik-grubu h3 { display: flex; align-items: center; gap: .55rem; font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; }
.ozellik-grubu h3 i { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 10px;
  background: var(--marka-acik); color: var(--marka); font-size: 1.25rem; }
.ozellik-grubu ul { list-style: none; padding: 0; margin: 0; }
.ozellik-grubu li { padding: .55rem 0; border-top: 1px solid var(--cizgi); }
.ozellik-grubu li:first-child { border-top: 0; padding-top: 0; }
.ozellik-grubu li b { display: block; font-weight: 600; }
.ozellik-grubu li span { display: block; color: var(--murekkep-2); font-size: .9rem; line-height: 1.4; }

/* Kartla tahsilat: ödeme altyapısı logoları, müşteri telefonu, ana sayfa sekmesi */
.odeme-altyapi { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.25rem; }
.odeme-grup + .odeme-grup { margin-top: 1.1rem; }
.odeme-grup-ad { font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--murekkep-2);
  margin-bottom: .55rem; }
.odeme-grup-ad span { margin-left: .35rem; padding: .1rem .45rem; border-radius: 999px; background: var(--marka-acik); color: var(--marka);
  text-transform: none; letter-spacing: 0; }
.odeme-logolar { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; }
.odeme-logolar .odeme-logo { flex: 0 0 calc((100% - 4 * .6rem) / 5 - .5px); }  /* yarım piksel pay: yuvarlama beşinciyi alta atmasın */
.odeme-logolar.kurulus .odeme-logo { flex: 1 1 0; }
.odeme-logo { display: flex; align-items: center; justify-content: center; height: 64px; padding: .7rem 1rem; background: #fff;
  border: 1px solid var(--cizgi); border-radius: 10px; }
.odeme-logolar.kurulus .odeme-logo { height: 76px; }
.odeme-logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
.odeme-alt { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--cizgi); }
.odeme-kartlar { display: flex; align-items: center; flex-wrap: wrap; gap: .9rem; margin-bottom: .5rem; font-size: .85rem; font-weight: 600; }
.odeme-kartlar img { height: 22px; }
.odeme-kartlar i { color: var(--yesil); }
.odeme-telefon { max-width: 300px; margin: 0 auto; padding: .55rem; border-radius: 34px; background: #101828;
  box-shadow: 0 18px 40px rgba(16, 24, 40, .18); }
/* dar sütunlarda (özellikler sayfası) logolar ikişer */
.col-sm-7 .odeme-logolar .odeme-logo { flex-basis: calc((100% - 1.2rem) / 3 - .5px); height: 56px; padding: .55rem .6rem; }
.odeme-telefon img { display: block; width: 100%; height: auto; border-radius: 26px; }
.odeme-akis { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.25rem; align-items: center;
  background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.25rem; }
.odeme-akis .pazaryeri-ok { margin-top: 0; }
.odeme-mini { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.odeme-mini img { height: 22px; max-width: 90px; object-fit: contain; }
@media (max-width: 575.98px) {
  .odeme-akis { grid-template-columns: 1fr; }
  .odeme-telefon { max-width: 240px; }
  .odeme-logolar .odeme-logo { flex-basis: calc((100% - 1.2rem) / 3 - .5px); height: 52px; padding: .45rem .5rem; }
}

/* Ana sayfa: e-imza kampanyası (fiyat bölümünün altı) ve kahramandaki kampanya hapı */
.teklif-haplari a.teklif-kampanya { display: inline-flex; align-items: center; gap: .35rem; background: #ecfdf3; border: 1px solid #b7ebcd;
  color: #0b6b3a; border-radius: 12px; padding: .5rem .85rem; font-weight: 700; text-decoration: none;
  box-shadow: 0 6px 16px -14px rgba(11, 27, 63, .5); }
.teklif-haplari a.teklif-kampanya i { color: #12a150; font-size: 1.1rem; }
.teklif-haplari a.teklif-kampanya:hover { background: #dcfce9; }
.kampanya-bant + .kampanya-bant { margin-top: 1.25rem; }
.iyzico-bant-logo { display: block; height: 28px; width: auto; margin: 0 auto .4rem; }
.iyzico-ozet-kart { display: block; margin-top: 0; text-align: center; }
.iyzico-ozet-kart .kampanya-yeni { font-size: 3.4rem; }
[data-bs-theme="dark"] .iyzico-bant-logo { filter: brightness(0) invert(1); }
.kampanya-bant { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.75rem; align-items: center; margin-top: 2.5rem;
  padding: 2rem 2.25rem; border-radius: 24px; border: 1px solid #b7ebcd;
  background: linear-gradient(135deg, #effcf4 0%, #eaf2ff 100%); scroll-margin-top: 90px; }
.kampanya-ikon { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 18px; background: #12a150; color: #fff;
  font-size: 2rem; box-shadow: 0 12px 24px -12px rgba(18, 161, 80, .6); }
.kampanya-ust { font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #0b6b3a; }
.kampanya-metin h3 { font-size: 1.6rem; font-weight: 800; letter-spacing: -.01em; color: var(--lacivert); margin: .35rem 0 .5rem; }
.kampanya-metin p { color: var(--murekkep-2); margin-bottom: .6rem; max-width: 40rem; }
.kampanya-not { font-size: .85rem; color: var(--murekkep-2); }
.kampanya-liste { list-style: none; padding: 0; margin: 0 0 .7rem; display: grid; gap: .25rem; font-weight: 600; color: var(--lacivert); }
.kampanya-liste i { color: #12a150; margin-right: .25rem; }
[data-bs-theme="dark"] .kampanya-liste { color: var(--murekkep); }
@media (max-width: 991.98px) { .kampanya-liste { justify-items: center; } }
.kampanya-fiyat { text-align: center; min-width: 12rem; }
.kampanya-eski { color: var(--murekkep-2); text-decoration: line-through; font-weight: 600; }
.kampanya-yeni { font-size: 2.6rem; font-weight: 800; line-height: 1.1; color: var(--lacivert); }
.kampanya-alt { font-size: .85rem; color: var(--murekkep-2); }
.kampanya-kazanc { display: inline-flex; align-items: center; gap: .25rem; margin: .3rem 0 .35rem; padding: .2rem .7rem;
  border-radius: 999px; background: #12a150; color: #fff; font-size: .82rem; font-weight: 800; }
[data-bs-theme="dark"] .kampanya-bant { background: linear-gradient(135deg, rgba(18, 161, 80, .12) 0%, rgba(22, 104, 227, .12) 100%);
  border-color: rgba(18, 161, 80, .35); }
[data-bs-theme="dark"] .kampanya-metin h3, [data-bs-theme="dark"] .kampanya-yeni { color: var(--murekkep); }
[data-bs-theme="dark"] .kampanya-ust { color: #5fd394; }
[data-bs-theme="dark"] .teklif-haplari a.teklif-kampanya { background: rgba(18, 161, 80, .14); border-color: rgba(18, 161, 80, .35); color: #7ee2a8; }
@media (max-width: 991.98px) {
  .kampanya-bant { grid-template-columns: 1fr; text-align: center; padding: 1.75rem 1.25rem; gap: 1rem; }
  .kampanya-ikon { margin: 0 auto; }
  .kampanya-metin p { margin-left: auto; margin-right: auto; }
}

/* Fiyatlar: yalnız e-imza paketleri */
.yalniz-eimza { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem; align-items: center; margin-top: 1.5rem;
  padding: 2rem 2.25rem; border: 1px solid var(--cizgi); border-radius: 24px; background: var(--kagit); scroll-margin-top: 90px; }
.yalniz-eimza > p { grid-column: 1 / -1; }
.yalniz-eimza-baslik h3 { font-size: 1.5rem; font-weight: 800; color: var(--lacivert); margin: .35rem 0 .5rem; }
.yalniz-eimza-baslik p { color: var(--murekkep-2); margin: 0; }
.yalniz-eimza-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.eimza-tanitim-kart { position: relative; display: flex; flex-direction: column; padding: 1.4rem 1.25rem 1.25rem; border: 1.5px solid var(--cizgi);
  border-radius: 18px; background: var(--kagit); }
.eimza-tanitim-kart.one-cikan { border: 2px solid var(--marka); box-shadow: 0 18px 40px -24px rgba(22, 104, 227, .55); }
.eimza-etiket { position: absolute; top: -.7rem; left: 1.1rem; padding: .15rem .6rem; border-radius: 999px; background: var(--marka); color: #fff;
  font-size: .75rem; font-weight: 700; }
.eimza-sure { font-weight: 700; color: var(--murekkep-2); }
.eimza-tutar { font-size: 2.1rem; font-weight: 800; line-height: 1.15; color: var(--lacivert); }
.eimza-alt { font-size: .85rem; color: var(--murekkep-2); margin-bottom: .75rem; }
.eimza-tanitim-kart ul { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .3rem; font-size: .92rem; flex: 1; }
.eimza-tanitim-kart li i { color: var(--yesil); margin-right: .3rem; }
.eimza-tanitim-kart li.vurgu { font-weight: 700; color: #0b6b3a; }
.eimza-tanitim-kart li.vurgu i { color: #12a150; }
[data-bs-theme="dark"] .yalniz-eimza-baslik h3, [data-bs-theme="dark"] .eimza-tutar { color: var(--murekkep); }
[data-bs-theme="dark"] .eimza-tanitim-kart li.vurgu { color: #7ee2a8; }
@media (max-width: 991.98px) { .yalniz-eimza { grid-template-columns: 1fr; padding: 1.75rem 1.25rem; } }
@media (max-width: 575.98px) { .yalniz-eimza-kartlar { grid-template-columns: 1fr; gap: 1.4rem; } }

/* e-İmza sipariş ve durum sayfası (/e-imza/) */
.eimza-secenekler { display: grid; gap: .75rem; }
.eimza-secenek { display: flex; align-items: center; gap: .8rem; margin: 0; padding: 1rem 1.1rem; cursor: pointer; border-radius: 14px;
  border: 1.5px solid var(--cizgi); line-height: 1.3; }
.eimza-secenek input { width: 1.2rem; height: 1.2rem; accent-color: var(--marka); flex-shrink: 0; }
.eimza-secenek b { font-size: 1.08rem; color: var(--lacivert); }
.eimza-secenek small { display: block; color: var(--murekkep-2); font-size: .85rem; }
.eimza-secenek:has(input:checked) { border-color: var(--marka); background: var(--marka-acik); }
.eimza-secenek-tutar { display: block; font-size: 1.4rem; }
.eimza-rozet { margin-left: .35rem; padding: .1rem .5rem; border-radius: 999px; background: var(--marka); color: #fff; font-size: .72rem;
  font-weight: 700; vertical-align: middle; }
.eimza-adimlari { padding-left: 1.2rem; display: grid; gap: .45rem; color: var(--murekkep-2); }
.eimza-havale { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; margin-bottom: 1rem; }
.eimza-havale dt { color: var(--murekkep-2); font-weight: 600; }
.eimza-havale dd { margin: 0; }
.eimza-durum-satir { display: flex; align-items: center; gap: .6rem; padding: .45rem 0; color: var(--murekkep-2); }
.eimza-durum-satir i { font-size: 1.25rem; }
.eimza-durum-satir.tamam { color: var(--murekkep); }
.eimza-durum-satir.tamam i { color: var(--yesil); }
.eimza-durum-satir.simdi { color: var(--lacivert); font-weight: 700; }
.eimza-durum-satir.simdi i { color: var(--marka); }
[data-bs-theme="dark"] .eimza-secenek b, [data-bs-theme="dark"] .eimza-durum-satir.simdi { color: var(--murekkep); }

/* Plan kartı: tüm özellikler bağlantısı; Fiyatlar: "Paketlerde neler var?" tablosu */
.plan-detay { display: inline-flex; align-items: center; gap: .3rem; margin: -.6rem 0 1.2rem; font-weight: 700; color: var(--marka);
  text-decoration: none; }
.plan-detay:hover { text-decoration: underline; }
.paket-icerigi { margin-top: 3.5rem; scroll-margin-top: 90px; }
.paket-tablo-kap { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--kagit); }
.paket-tablosu { width: 100%; border-collapse: collapse; min-width: 520px; }
.paket-tablosu th, .paket-tablosu td { padding: .7rem 1rem; border-top: 1px solid var(--cizgi); vertical-align: middle; }
.paket-tablosu thead th { border-top: 0; position: sticky; top: 0; background: var(--kagit); font-size: 1.05rem; font-weight: 800;
  color: var(--lacivert); }
.paket-tablosu thead th small { display: block; font-size: .8rem; font-weight: 600; color: var(--murekkep-2); }
.paket-tablosu .paket-sutun { width: 9.5rem; text-align: center; }
.paket-tablosu .paket-sutun.one-cikan { color: var(--marka); }
.paket-tablosu td b { display: block; font-weight: 700; color: var(--lacivert); }
.paket-tablosu td small { display: block; color: var(--murekkep-2); font-size: .85rem; line-height: 1.35; }
.paket-tablosu .paket-grup th { background: var(--kagit-2); font-size: .8rem; font-weight: 800; letter-spacing: .05em;
  text-transform: uppercase; color: var(--murekkep-2); }
.paket-tablosu .paket-grup i { color: var(--marka); margin-right: .25rem; }
.paket-isaret { text-align: center; font-size: 1.3rem; }
.paket-isaret .var { color: var(--yesil); }
.paket-isaret .yok { color: var(--cizgi); }
[data-bs-theme="dark"] .paket-tablosu thead th, [data-bs-theme="dark"] .paket-tablosu td b { color: var(--murekkep); }

/* Pazaryeri ve e-ticaret logoları (ana sayfa, özellikler, entegrasyonlar): logosu olmayan marka adıyla yazılır */
.odeme-logo.yazi-logo { font-weight: 800; font-size: 1.2rem; letter-spacing: -.01em; color: #0b1b3f; }
.pazar-adimlar { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: start; gap: .5rem; margin-top: 1.1rem;
  padding-top: 1rem; border-top: 1px solid var(--cizgi); }
.pazar-adim { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .1rem; }
.pazar-adim i { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; margin-bottom: .3rem; border-radius: 12px;
  background: var(--marka-acik); color: var(--marka); font-size: 1.3rem; }
.pazar-adim b { font-size: .95rem; }
.pazar-adim small { color: var(--murekkep-2); font-size: .8rem; line-height: 1.3; }
.pazar-adimlar > .ok { align-self: center; margin-top: -1.4rem; color: var(--murekkep-2); font-size: 1.2rem; }
@media (max-width: 575.98px) {
  .pazar-adimlar { grid-template-columns: 1fr; }
  .pazar-adimlar > .ok { justify-self: center; margin-top: 0; transform: rotate(90deg); }
}

/* "Neler yapabilirsin?": sekmeler üstte yatay, ekran tam genişlikte */
.sekme-listesi.yatay { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.sekme-listesi.yatay button { padding: .55rem .95rem; border-radius: 999px; }
@media (max-width: 991.98px) { .sekme-listesi.yatay { flex-wrap: nowrap; justify-content: flex-start; } }
.sekme-paneli { padding: 1.75rem; }
.iletisim-yan .geri-arama-karti { height: auto; }

/* ================================================================ 2026 teması (karşılama)
   Fontlar siteye gömülü (dışarıya istek yok): Plus Jakarta Sans ve Caveat, ikisi de SIL Open Font License. */
@font-face { font-family: "Jakarta"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../fonts/jakarta-latin-ext.341687eeeb6a.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Jakarta"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../fonts/jakarta-latin.7660bd9909fb.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+20BA, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("../fonts/caveat-latin-ext.2a8768f8ef1f.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02FF, U+1E00-1EFF; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("../fonts/caveat-latin.2d9de14f93a2.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+2000-206F; }

body.tanitim { --marka: #1668e3; --marka-koyu: #0f4fb3; --marka-acik: #eaf2ff; --lacivert: #0b1b3f;
  font-family: "Jakarta", var(--tblr-font-sans-serif); }
[data-bs-theme="dark"] body.tanitim { --lacivert: #eef3ff; --marka-acik: rgba(22, 104, 227, .16); }
.tanitim h1, .tanitim h2, .tanitim h3, .tanitim .baslik-font { font-family: "Jakarta", var(--tblr-font-sans-serif); color: var(--lacivert); }
.tanitim-ust .nav-link { color: var(--lacivert); font-weight: 500; }
.tanitim .btn-marka { border-radius: 12px; box-shadow: 0 14px 28px -14px rgba(22, 104, 227, .75); }

/* Kahraman */
.kahraman { position: relative; overflow: hidden; padding: 3.5rem 0 4.5rem;
  background: radial-gradient(1200px 500px at 85% 20%, #dfeafe 0%, transparent 60%), linear-gradient(180deg, #f4f8ff 0%, #fbfdff 100%); }
[data-bs-theme="dark"] .kahraman { background: radial-gradient(1200px 500px at 85% 20%, rgba(22, 104, 227, .18) 0%, transparent 60%), var(--kagit); }
.kahraman h1.kahraman-baslik { position: relative; display: inline-block; font-size: clamp(2.4rem, 4.6vw, 4rem); font-weight: 800;
  line-height: 1.08; letter-spacing: -.025em; word-spacing: .04em; margin: 0 0 1.4rem; }
.kahraman-baslik .satir { display: block; white-space: nowrap; }
.kahraman-baslik .koyu { color: var(--lacivert); }
.kahraman-baslik .mavi { color: var(--marka); }
.kahraman-baslik .firca { position: relative; display: inline-block; }
.kahraman-baslik .firca svg { position: absolute; left: 0; right: 0; bottom: -.28em; width: 100%; height: .3em; color: var(--marka); }
.kahraman-baslik .parilti { position: absolute; right: -2.4rem; top: .9em; width: 2.6rem; color: var(--marka); }
@media (max-width: 575.98px) { .kahraman-baslik .satir { white-space: normal; } .kahraman-baslik .parilti { display: none; } }
.kahraman .ozet { font-size: 1.12rem; line-height: 1.65; color: var(--murekkep-2); max-width: 33rem; }
.ust-etiket { box-shadow: 0 6px 18px -12px rgba(11, 27, 63, .35); border-color: #e3ebf7; margin-bottom: 1.6rem; padding-right: .95rem; }
.ust-etiket .nokta { padding: .2rem .75rem; font-size: .8rem; }
.ust-etiket i { color: var(--marka); }
.kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.tanitim .btn-hap { border-radius: 14px; padding: .95rem 1.6rem; font-size: 1.05rem; font-weight: 700; gap: .55rem; }
.btn-cerceve { background: var(--kagit); color: var(--lacivert); border: 1.5px solid var(--marka); }
.btn-cerceve:hover { background: var(--marka-acik); color: var(--lacivert); }
.btn-cerceve i { color: var(--marka); font-size: 1.15rem; }
.teklif-haplari { gap: .6rem; margin-top: 1.6rem; }
.teklif-haplari span { background: var(--kagit); border: 1px solid #dfe7f3; color: var(--lacivert); border-radius: 12px; padding: .5rem .85rem;
  font-weight: 600; box-shadow: 0 6px 16px -14px rgba(11, 27, 63, .5); }
.teklif-haplari span i { color: var(--marka); font-size: 1.1rem; }
[data-bs-theme="dark"] .teklif-haplari span { border-color: var(--cizgi); color: var(--murekkep); }
.destek-baglantisi { margin-top: 1.4rem; color: var(--marka); }

/* Sağ taraf: leke, yaprak, el yazısı, panel maketi */
.urun-sahnesi { padding: 2.5rem 0 3rem; }
.sahne-leke { position: absolute; inset: -6% -12% 2% 8%; border-radius: 46% 54% 38% 62% / 52% 38% 62% 48%; z-index: 0;
  background: linear-gradient(160deg, #b9d3ff 0%, #5b9bff 55%, #1668e3 100%); opacity: .55; filter: blur(.5px); }
[data-bs-theme="dark"] .sahne-leke { opacity: .28; }
.kahraman-yaprak { position: absolute; right: -5.5rem; bottom: 12%; width: 115px; z-index: 0; transform: rotate(8deg); }
@media (max-width: 1399.98px) { .kahraman-yaprak { display: none; } }
.el-yazisi { position: absolute; right: -6.5rem; top: 5.5rem; z-index: 3; font-family: "Caveat", cursive; font-size: 1.7rem; font-weight: 700;
  line-height: 1; color: var(--lacivert); transform: rotate(-12deg); text-align: center; }
.el-yazisi svg { display: block; width: 42px; margin: .2rem 0 0 1.5rem; color: var(--lacivert); }
.kesik-ok { position: absolute; left: 44%; top: .6rem; width: 58px; z-index: 3; color: var(--marka); }
@media (max-width: 1399.98px) { .el-yazisi, .kesik-ok { display: none; } }

.panel-maket { position: relative; z-index: 1; background: var(--kagit); border: 1px solid #e3ebf7; border-radius: 18px; overflow: hidden;
  font-size: .62rem; color: var(--lacivert); box-shadow: 0 50px 90px -40px rgba(11, 27, 63, .45), 0 16px 30px -18px rgba(11, 27, 63, .25);
  transform: perspective(1600px) rotateY(-4deg) rotateX(1deg); }
[data-bs-theme="dark"] .panel-maket { border-color: var(--cizgi); }
.maket-nokta { display: flex; gap: .35rem; padding: .55rem .8rem; }
.maket-nokta span { width: 8px; height: 8px; border-radius: 50%; background: #ff6b6b; }
.maket-nokta span:nth-child(2) { background: #ffc34d; } .maket-nokta span:nth-child(3) { background: #4cd28a; }
.maket-govde { display: grid; grid-template-columns: 7.6rem 1fr; }
.maket-menu { padding: 0 .5rem .8rem; border-right: 1px solid var(--cizgi); }
.maket-logo { display: flex; align-items: center; gap: .35rem; font-weight: 800; font-size: .8rem; padding: .2rem .35rem .7rem; }
.maket-logo svg, .maket-logo img { width: 20px; height: 20px; }
.maket-menu > div:not(.maket-logo) { display: flex; align-items: center; gap: .4rem; padding: .32rem .45rem; border-radius: 7px; color: var(--murekkep-2); }
.maket-menu > div i { font-size: .8rem; }
.maket-menu .secili { background: var(--marka-acik); color: var(--marka); font-weight: 700; }
.maket-icerik { padding: 0 .8rem .8rem; min-width: 0; }
.maket-ust { display: flex; align-items: center; gap: .5rem; }
.maket-arama { flex: 1; background: var(--kagit-2); border-radius: 7px; padding: .3rem .5rem; color: var(--murekkep-2); }
.maket-firma { color: var(--murekkep-2); white-space: nowrap; }
.maket-avatar { width: 1.4rem; height: 1.4rem; border-radius: 50%; display: inline-grid; place-items: center; background: #ffd9b3; color: #8a4b00; font-weight: 700; font-size: .5rem; }
.maket-baslik { font-size: .85rem; font-weight: 800; margin: .7rem 0 .45rem; }
.maket-uyarilar, .maket-rakamlar { display: grid; gap: .45rem; }
.maket-uyarilar { grid-template-columns: repeat(3, 1fr); }
.maket-rakamlar { grid-template-columns: repeat(4, 1fr); margin-top: .45rem; }
.maket-uyarilar > div, .maket-rakamlar > div, .maket-grafik, .maket-islemler { border: 1px solid var(--cizgi); border-radius: 9px; padding: .45rem .5rem;
  background: var(--kagit); min-width: 0; }
.maket-uyarilar > div { display: flex; align-items: center; gap: .4rem; }
.maket-uyarilar small, .maket-rakamlar small { display: block; color: var(--murekkep-2); font-size: .55rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.maket-uyarilar b, .maket-rakamlar b { display: block; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.maket-rakamlar em { display: block; font-style: normal; font-size: .5rem; color: var(--murekkep-2); white-space: nowrap; }
.maket-rakamlar em.yukari { color: var(--yesil); }
.maket-icerik .ik { flex-shrink: 0; width: 1.45rem; height: 1.45rem; border-radius: 7px; display: inline-grid; place-items: center; font-size: .75rem; }
.ik.kirmizi { background: #ffe8e8; color: #e03131; } .ik.turuncu { background: #fff0db; color: #e8590c; }
.ik.mor { background: #efe7ff; color: #7048e8; } .ik.yesil { background: #e3f7ea; color: #2b8a3e; } .ik.mavi { background: var(--marka-acik); color: var(--marka); }
.maket-alt { display: grid; grid-template-columns: 1.35fr 1fr; gap: .45rem; margin-top: .45rem; }
.maket-grafik svg { display: block; width: 100%; height: 5.2rem; margin-top: .3rem; color: var(--murekkep-2); }
.maket-lejant { color: var(--murekkep-2); display: inline-flex; align-items: center; gap: .25rem; }
.maket-lejant i { width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-left: .3rem; }
.maket-lejant .gelir { background: #1668e3; } .maket-lejant .gider { background: #f59f00; }
.maket-aylar { display: flex; justify-content: space-between; color: var(--murekkep-2); font-size: .5rem; }
.maket-islemler > div { display: flex; align-items: center; gap: .4rem; padding: .35rem 0; border-top: 1px solid var(--cizgi); }
.maket-islemler > small + div { border-top: 0; margin-top: .25rem; }
.maket-islemler span:not(.ik) { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; }
.maket-islemler em { display: block; font-style: normal; font-weight: 400; color: var(--murekkep-2); font-size: .5rem; }
.maket-islemler b { white-space: nowrap; }
@media (max-width: 575.98px) {
  .maket-govde { grid-template-columns: 1fr; } .maket-menu { display: none; }
  .maket-rakamlar { grid-template-columns: repeat(2, 1fr); } .maket-alt { grid-template-columns: 1fr; }
  .panel-maket { transform: none; }
}

/* Yüzen kartlar */
.urun-sahnesi .yuzen { z-index: 2; border-color: #e3ebf7; border-radius: 16px; box-shadow: 0 24px 50px -22px rgba(11, 27, 63, .45); }
[data-bs-theme="dark"] .urun-sahnesi .yuzen { border-color: var(--cizgi); }
.urun-sahnesi .yuzen-2 { display: flex; align-items: center; gap: .7rem; right: -1.5rem; top: -.5rem; padding: .8rem 1rem; }
.urun-sahnesi .yuzen-2 .kalkan { width: 2.4rem; height: 2.4rem; border-radius: 50%; display: inline-grid; place-items: center; background: #e3f7ea;
  color: #2b8a3e; font-size: 1.35rem; flex-shrink: 0; }
.urun-sahnesi .yuzen-1 { left: -2rem; bottom: 1rem; max-width: 17rem; }
.urun-sahnesi .yuzen-3 { right: -1.5rem; bottom: -1.5rem; padding: .85rem 1.1rem; }
.tahsilat-tutar { font-size: 1.7rem; font-weight: 800; color: var(--lacivert); letter-spacing: -.02em; }
@media (max-width: 991.98px) { .urun-sahnesi .yuzen-1 { left: .5rem; } .urun-sahnesi .yuzen-2 { right: .5rem; } }

/* Özellik bandı */
.yetenek-bandi { border-color: #e7eef8; }
.yetenek-bandi .liste { gap: .6rem 0; padding: 1.25rem 0; color: var(--lacivert); font-weight: 600; }
.yetenek-bandi .liste span { display: inline-flex; align-items: center; padding: 0 1.05rem; font-size: .95rem; border-left: 1px solid var(--cizgi); }
.yetenek-bandi .liste span:first-child { border-left: 0; }
.yetenek-bandi i { font-size: 1.3rem; margin-right: .5rem; }
@media (max-width: 767.98px) { .yetenek-bandi .liste span { border-left: 0; padding: 0 .7rem; } }

/* Uygun Muhasebe nedir? */
.nedir-bolumu { position: relative; }
.nedir-bolumu .bolum-baslik h2 { font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 800; letter-spacing: -.03em; }
.nedir-bolumu .fayda-izgarasi { grid-template-columns: repeat(4, 1fr); gap: 0; }
.nedir-bolumu .fayda { border: 0; border-left: 1px solid var(--cizgi); border-radius: 0; background: transparent; text-align: center; padding: .5rem 1rem; }
.nedir-bolumu .fayda:first-child { border-left: 0; }
.nedir-bolumu .fayda-ikon { width: 3.6rem; height: 3.6rem; border-radius: 50%; font-size: 1.7rem; margin-bottom: 1rem; }
.fayda-ikon.yesil { background: #e3f7ea; color: #2b8a3e; } .fayda-ikon.mavi { background: var(--marka-acik); color: var(--marka); }
.fayda-ikon.mor { background: #efe7ff; color: #7048e8; } .fayda-ikon.pembe { background: #ffe6ee; color: #e64980; }
.nedir-bolumu .fayda h3 { font-size: 1.05rem; font-weight: 800; }
@media (max-width: 767.98px) {
  .nedir-bolumu .fayda-izgarasi { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; }
  .nedir-bolumu .fayda:nth-child(3) { border-left: 0; }
}
.urun-sahnesi .yuzen-2 .rozet-yesil { margin-left: .25rem; }
.tanitim-ust .btn { gap: .35rem; }
.tanitim .btn, .tanitim input, .tanitim select, .tanitim textarea { font-family: inherit; }
@media (min-width: 992px) and (max-width: 1399.98px) {
  .kahraman h1.kahraman-baslik { font-size: 3.55vw; }
  .kahraman-baslik .parilti { display: none; }
  .maket-rakamlar { grid-template-columns: repeat(3, 1fr); } .maket-rakamlar > div:nth-child(4) { display: none; }
  .maket-uyarilar > div:nth-child(3) { display: none; } .maket-uyarilar { grid-template-columns: repeat(2, 1fr); }
  .yetenek-bandi .liste span { padding: 0 .75rem; font-size: .9rem; }
}
@media (max-width: 991.98px) { .kahraman h1.kahraman-baslik { font-size: clamp(2.3rem, 8vw, 3.6rem); } }
@media (max-width: 575.98px) {
  .kahraman-dugmeler .btn { width: 100%; justify-content: center; }
  .maket-uyarilar { grid-template-columns: repeat(2, 1fr); } .maket-uyarilar > div:nth-child(3) { display: none; }
  .kahraman { padding-top: 2rem; }
}

/* Fiyatlar: piyasayla karşılaştırma (marka adı verilmeden) */
.piyasa-karsilastirma { border: 1px solid var(--cizgi); border-radius: 1rem; padding: 1.5rem; background: var(--kagit-2); }
.piyasa-karsilastirma .ust { color: var(--marka); font-weight: 700; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; }
.piyasa-kutu { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: .75rem; padding: 1rem 1.1rem; height: 100%; }
.piyasa-eski { font-size: 1.1rem; color: var(--murekkep-2); text-decoration: line-through; text-decoration-thickness: 2px; }
.piyasa-yeni { font-size: 1.35rem; font-weight: 800; color: var(--yesil); }

/* Mavi ve koyu bantlarda başlık beyaz: genel ".tanitim h2" rengi (lacivert) bantların kendi rengini eziyordu */
.tanitim .mobil-bant h2, .tanitim .koyu-bant h2, .tanitim .son-cagri h2 { color: #fff; }

/* Ana sayfa: yapay zekâ bölümü */
.yz-bant { background: linear-gradient(135deg, #f4f1ff 0%, #eaf2ff 100%); border: 1px solid #e3ddfb; border-radius: 24px; padding: 3rem; }
[data-bs-theme="dark"] .yz-bant { background: linear-gradient(135deg, rgba(124, 92, 255, .12) 0%, rgba(22, 104, 227, .12) 100%);
  border-color: var(--cizgi); }
.yz-ozellik { display: flex; gap: .9rem; padding: .9rem 0; border-top: 1px solid rgba(11, 27, 63, .08); }
.yz-ozellik:first-of-type { border-top: 0; padding-top: 0; }
[data-bs-theme="dark"] .yz-ozellik { border-top-color: var(--cizgi); }
.yz-ozellik-ikon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem;
  border-radius: 12px; background: #fff; color: #6a4cf0; font-size: 1.35rem; box-shadow: 0 8px 18px -12px rgba(76, 54, 180, .6); }
[data-bs-theme="dark"] .yz-ozellik-ikon { background: var(--kagit); color: #a993ff; }
.yz-ozellik h3 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .2rem; }
.yz-ozellik p { margin: 0; color: var(--murekkep-2); font-size: .93rem; line-height: 1.45; }
.yz-sohbet { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.25rem;
  box-shadow: 0 30px 60px -40px rgba(22, 26, 32, .5); }
.yz-sohbet-ust { display: flex; align-items: center; gap: .6rem; font-weight: 700; padding-bottom: .8rem; margin-bottom: .9rem;
  border-bottom: 1px solid var(--cizgi); }
.yz-sohbet-ust svg { width: 2rem; height: 2rem; }
.yz-sohbet-ust small { margin-left: auto; font-weight: 500; color: var(--murekkep-2); }
.yz-balon { max-width: 88%; padding: .65rem .9rem; border-radius: 14px; margin-bottom: .6rem; font-size: .93rem; line-height: 1.45; }
.yz-balon.soru { margin-left: auto; width: fit-content; background: var(--marka); color: #fff; border-bottom-right-radius: 4px; }
.yz-balon.yanit { background: var(--kagit-2); border: 1px solid var(--cizgi); border-bottom-left-radius: 4px; }
.yz-balon.yanit .bag { display: inline-block; margin-top: .3rem; font-weight: 600; color: var(--marka); }
.yz-fis { display: flex; align-items: center; gap: .7rem; margin-top: 1rem; padding: .75rem .9rem; border-radius: 12px;
  background: var(--marka-acik); font-size: .9rem; }
.yz-fis i { color: var(--yesil); font-size: 1.3rem; }
@media (max-width: 767.98px) { .yz-bant { padding: 2rem 1.25rem; } }

/* "Yakında": yolda olan özellikler */
.yakinda-serit { margin-top: 2rem; padding: 1.5rem; border: 1px dashed #f0c27a; border-radius: 16px; background: #fffaf1; }
[data-bs-theme="dark"] .yakinda-serit { background: rgba(240, 160, 40, .06); border-color: rgba(240, 194, 122, .4); }
.yakinda-serit > h3 { display: flex; align-items: center; justify-content: center; gap: .5rem; font-size: 1.15rem;
  font-weight: 700; margin-bottom: 1.25rem; }
.yakinda-serit > h3 i { color: #c27a00; }
.yakinda-oge { display: flex; flex-direction: column; align-items: center; gap: .4rem; text-align: center; }
.yakinda-oge > i { flex-shrink: 0; font-size: 1.5rem; color: var(--murekkep-2); }
.yakinda-oge b { font-weight: 600; }
.yakinda-oge .yakinda-rozet { margin-left: .4rem; vertical-align: .1rem; }
.yakinda-oge span.metin { display: block; color: var(--murekkep-2); font-size: .9rem; line-height: 1.4; }
.pazaryeri-diger { font-weight: 700; color: var(--murekkep-2); text-align: center; line-height: 1.3; }
.pazaryeri-diger span + span::before { content: ", "; }

/* Arama sayfaları (tanitim/cozumler.py) */
.cozum-yol { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: .875rem; color: var(--murekkep-2);
  margin-bottom: 1.25rem; }
.cozum-yol a { color: var(--murekkep-2); }
.cozum-yol i { font-size: .8rem; opacity: .6; }
.cozum-giris { font-size: 1.15rem; line-height: 1.6; color: var(--murekkep-2); }
.cozum-kart { height: 100%; padding: 1.4rem; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 16px; }
.cozum-kart h3 { font-size: 1.1rem; font-weight: 700; margin: .9rem 0 .35rem; }
.cozum-kart p { margin: 0; color: var(--murekkep-2); line-height: 1.5; }
.cozum-adimlar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 767.98px) { .cozum-adimlar { grid-template-columns: 1fr; } }
.cozum-adimlar.dort { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1199.98px) { .cozum-adimlar.dort { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) { .cozum-adimlar.dort { grid-template-columns: 1fr; } }
.cozum-adimlar li { display: flex; gap: .9rem; padding: 1.25rem; background: var(--kagit-2); border: 1px solid var(--cizgi);
  border-radius: 16px; }
.cozum-adimlar .sira { flex-shrink: 0; display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%;
  background: var(--marka); color: #fff; font-weight: 700; }
.cozum-adimlar h3 { font-size: 1.05rem; font-weight: 700; margin: .3rem 0 .3rem; }
.cozum-adimlar p { margin: 0; color: var(--murekkep-2); }
.cozum-terimler .mini-hap { margin: 0 .35rem .45rem 0; text-decoration: none; }
.cozum-baglanti { display: flex; align-items: center; gap: .6rem; height: 100%; padding: .9rem 1rem; border: 1px solid var(--cizgi);
  border-radius: 12px; background: var(--kagit); color: var(--murekkep); font-weight: 600; text-decoration: none; }
.cozum-baglanti:hover { border-color: var(--marka); color: var(--marka); }
.cozum-baglanti > i:first-child { color: var(--marka); font-size: 1.2rem; }
.alt-cozumler { margin-top: 1.75rem; }
.alt-cozumler .liste { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; font-size: .9rem; }

/* Hesaplama araçları (/hesaplama/) */
.hesap-arac-karti { display: flex; align-items: flex-start; gap: .8rem; height: 100%; padding: 1rem 1.1rem; border: 1px solid var(--cizgi);
  border-radius: 14px; background: var(--kagit); color: var(--murekkep); text-decoration: none; transition: border-color .15s, transform .15s; }
.hesap-arac-karti:hover { border-color: var(--marka); transform: translateY(-2px); color: var(--murekkep); }
.hesap-arac-karti .fayda-ikon { flex-shrink: 0; }
.hesap-form, .hesap-sonuc, .hesap-bos { border-radius: 16px; border-color: var(--cizgi); }
.hesap-form .card-footer { background: transparent; }
.hesap-bos { background: var(--kagit-2); border-style: dashed; min-height: 12rem; }
.hesap-sonuc { border: 2px solid color-mix(in srgb, var(--marka) 30%, var(--cizgi)); }
.hesap-sonuc .table td, .hesap-sonuc .table th { padding-left: 0; padding-right: 0; }
.hesap-buyuk { background: var(--marka-acik); border-radius: 12px; padding: .7rem .9rem; }
.hesap-buyuk span { display: block; font-size: .8rem; color: var(--murekkep-2); }
.hesap-buyuk strong { display: block; font-size: clamp(1.35rem, 3vw, 1.75rem); line-height: 1.2; color: var(--murekkep);
  font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.hesap-buyuk.yesil { background: color-mix(in srgb, var(--yesil) 12%, transparent); }
.hesap-buyuk.yesil strong { color: var(--yesil); }
.hesap-kurallar { padding-left: 1.1rem; color: var(--murekkep-2); }
.hesap-kurallar li { margin-bottom: .55rem; }
.hesap-uygulama { display: flex; gap: .7rem; align-items: flex-start; padding: 1rem 1.1rem; border-radius: 14px;
  background: var(--kagit-2); border: 1px solid var(--cizgi); }
.hesap-uygulama > i { color: var(--marka); font-size: 1.3rem; }
.ust-acilir .dropdown-menu { border-radius: 12px; border-color: var(--cizgi); }

/* Sektör sayfaları ve kullanım rehberi */
.sektor-cozum { display: flex; gap: .9rem; align-items: flex-start; height: 100%; padding: 1.1rem 1.2rem; border: 1px solid var(--cizgi);
  border-radius: 14px; background: var(--kagit); }
.sektor-cozum .fayda-ikon { flex-shrink: 0; }
.sektor-cozum h3 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .25rem; }
.sektor-cozum p { margin: 0; color: var(--murekkep-2); }
.rehber-bolum { height: 100%; padding: 1.2rem 1.3rem; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kagit); }
.rehber-bolum h2 { font-size: 1.15rem; font-weight: 700; margin-bottom: .6rem; }
.rehber-bolum li { padding: .3rem 0; border-bottom: 1px dashed var(--cizgi); }
.rehber-bolum li:last-child { border-bottom: 0; }
.rehber-bolum a { color: var(--murekkep); text-decoration: none; }
.rehber-bolum a:hover { color: var(--marka); }

/* Geliştirici belgesi (/gelistirici/) */
.gelistirici-icindekiler { list-style: none; padding: 0; margin: 0; position: sticky; top: 6rem; }
.gelistirici-icindekiler li { padding: .35rem 0; border-bottom: 1px dashed var(--cizgi); }
.gelistirici-icindekiler a { color: var(--murekkep-2); text-decoration: none; }
.gelistirici-icindekiler a:hover { color: var(--marka); }
.gelistirici-belge h2 { font-size: 1.45rem; font-weight: 700; margin: 2.5rem 0 .8rem; scroll-margin-top: 6rem;
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.gelistirici-belge h2:first-child { margin-top: 0; }
.gelistirici-belge p, .gelistirici-belge li { line-height: 1.65; }
.gelistirici-belge pre { background: #0f172a; color: #e2e8f0; border-radius: 12px; padding: 1rem 1.1rem; font-size: .84rem;
  line-height: 1.55; overflow-x: auto; margin: 0 0 1rem; }
.gelistirici-belge pre code { color: inherit; background: none; padding: 0; white-space: pre; }
.gelistirici-belge :not(pre) > code { background: var(--kagit-2); border: 1px solid var(--cizgi); border-radius: 6px;
  padding: .05rem .35rem; font-size: .85em; color: var(--murekkep); }
.gelistirici-yontem { font-family: var(--tblr-font-monospace); font-size: .8rem; font-weight: 600; color: var(--marka);
  background: var(--marka-acik); border-radius: 999px; padding: .2rem .7rem; }
.gelistirici-tablo { font-size: .9rem; }
.gelistirici-tablo td:first-child { white-space: nowrap; }
.gelistirici-tablo .zorunlu { display: inline-block; font-size: .7rem; color: #b42318; margin-left: .25rem; }
@media (max-width: 767.98px) { .gelistirici-tablo td:first-child { white-space: normal; } }

/* Entegrasyonlar (/entegrasyonlar/): durum rozetleri, durum süzgeci, kategori bölümleri ve bağlantı kartları */
.durum-rozet { display: inline-flex; align-items: center; gap: .3rem; align-self: flex-start; padding: .15rem .55rem;
  border-radius: 999px; font-size: .75rem; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.durum-rozet .ti { font-size: .9rem; }
.durum-rozet.hazir { background: #e3f7ea; color: #1d6b38; }
.durum-rozet.pilot { background: var(--marka-acik); color: var(--marka-koyu); }
.durum-rozet.onay { background: #efe7ff; color: #5b34c4; }
.durum-rozet.yakinda { background: #fff4e0; color: #8a5100; }
[data-bs-theme="dark"] .durum-rozet.hazir { background: rgba(31, 157, 85, .18); color: #7ddba3; }
[data-bs-theme="dark"] .durum-rozet.pilot { color: #a9c8f3; }
[data-bs-theme="dark"] .durum-rozet.onay { background: rgba(124, 77, 255, .2); color: #c9b8ff; }
[data-bs-theme="dark"] .durum-rozet.yakinda { background: rgba(240, 160, 40, .16); color: #f5c06b; }
.durum-baslik { font-size: 1.05rem; font-weight: 700; margin-bottom: .75rem; }
.durum-secimleri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
@media (max-width: 991.98px) { .durum-secimleri { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .durum-secimleri { grid-template-columns: minmax(0, 1fr); } }
.durum-secim { display: flex; flex-direction: column; align-items: stretch; gap: .4rem; padding: .85rem 1rem; text-align: left;
  background: var(--kagit); color: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 14px;
  transition: border-color .15s, box-shadow .15s; }
.durum-secim:hover { border-color: color-mix(in srgb, var(--marka) 40%, var(--cizgi)); }
.durum-secim[aria-pressed="true"] { border-color: var(--marka); box-shadow: 0 0 0 3px var(--marka-acik); }
.durum-ust { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.durum-sayi { font-size: 1.3rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.durum-metin { font-size: .875rem; line-height: 1.4; color: var(--murekkep-2); }
.durum-temizle { display: inline-flex; align-items: center; gap: .25rem; margin-left: .35rem; padding: .15rem .6rem;
  border: 1px solid var(--cizgi); border-radius: 999px; background: var(--kagit); color: var(--murekkep); font-weight: 600; }
.entegrasyon-bolum { padding: 2.5rem 0; scroll-margin-top: 120px; }
.entegrasyon-bolum + .entegrasyon-bolum { border-top: 1px solid var(--cizgi); }
.entegrasyon-bolum .bolum-baslik { margin-bottom: 1.25rem; }
.entegrasyon-bolum .bolum-baslik h2 { display: flex; align-items: center; gap: .65rem; font-size: clamp(1.35rem, 2.6vw, 1.8rem);
  margin: 0 0 .5rem; }
.entegrasyon-bolum .bolum-baslik h2 .fayda-ikon { flex-shrink: 0; margin: 0; }
.entegrasyon-kart { display: flex; flex-direction: column; gap: .45rem; height: 100%; min-width: 0; padding: .85rem;
  background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px; overflow-wrap: anywhere; }
.entegrasyon-kart .odeme-logo { height: 56px; margin-bottom: .2rem; }
.entegrasyon-kart .odeme-logo.yazi-logo { font-size: 1rem; line-height: 1.15; text-align: center; }
.entegrasyon-kart .ikon-logo .ti { font-size: 1.75rem; color: var(--marka); }
.entegrasyon-kart h3 { font-size: 1rem; font-weight: 700; margin: 0; }
.entegrasyon-kart .durum-rozet { max-width: 100%; white-space: normal; }
.entegrasyon-kart p { margin: 0; font-size: .875rem; line-height: 1.45; color: var(--murekkep-2); }
.entegrasyon-baglanti { display: inline-flex; align-items: center; gap: .25rem; margin-top: auto; padding-top: .2rem;
  font-size: .875rem; font-weight: 600; text-decoration: none; }
.entegrasyon-not { display: flex; gap: .8rem; align-items: flex-start; padding: 1rem 1.15rem; border: 1px dashed var(--cizgi);
  border-radius: 14px; background: var(--kagit-2); }
.entegrasyon-not > i { font-size: 1.4rem; color: var(--marka); }
@media (max-width: 575.98px) {
  .entegrasyon-bolum { padding: 2rem 0; }
  .entegrasyon-kart { padding: .7rem; }
  .entegrasyon-kart .odeme-logo { height: 48px; padding: .45rem .5rem; }
  .entegrasyon-kart .odeme-logo.yazi-logo { font-size: .85rem; line-height: 1.1; }
}

/* POS çözümleri (Uygun Muhasebe Restoran ve Market) */
.pos-kahraman h1 { font-size: clamp(2.2rem, 4.4vw, 3.1rem); }
.pos-sahne { position: relative; padding: 0 0 2.5rem 2.5rem; }
.pos-sahne .pos-telefon { position: absolute; left: 0; bottom: 0; width: 24%; border-width: 5px; border-radius: 22px; }
.pos-urun .ust { display: flex; align-items: center; gap: .55rem; }
.pos-urun .ust .ek-urun-ikon { width: 2rem; height: 2rem; border-radius: 9px; font-size: 1.1rem; }
.pos-fiyat { font-size: 1.05rem; color: var(--lacivert); }
.pos-fiyat b { font-size: 1.6rem; font-weight: 800; }
.pos-urun .one-cikan-satir p { font-size: .95rem; }
.pos-ortak { background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 18px; padding: 1.5rem 1.75rem 1rem; }
@media (max-width: 575.98px) { .pos-ortak { padding: 1.15rem 1rem .6rem; } }
@media (max-width: 575.98px) { .pos-sahne { padding: 0 0 1.5rem 1.25rem; } .pos-sahne .pos-telefon { width: 28%; border-width: 4px; border-radius: 16px; } }
/* Üst menü 1200–1399 px: yedi başlık ve iki düğme tek satırda rahat sığsın (altında açılır menü: navbar-expand-xl) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .tanitim-ust .navbar-nav .nav-link { padding-inline: .55rem; }
  .tanitim-ust .tezgah-logo { margin-right: 1rem !important; }
}
.pos-ekran { margin: 0; }
.pos-ekran figcaption { margin-top: .55rem; font-size: .85rem; font-weight: 600; color: var(--murekkep-2); text-align: center; }

/* Ana sayfa (en çok 9 bölüm): kahramanda üç kapı, pano bölümü, birer satırlık bağlantılar, tek "Bağlantılar" bölümü */
@media (max-width: 575.98px) { .bolum { padding: 3.5rem 0; } }
.kapilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; max-width: 34rem; }
.kapilar .kapi-ana { grid-column: 1 / -1; justify-content: center; }
.kapilar .kapi { justify-content: flex-start; padding: .8rem 1rem; font-size: 1rem; line-height: 1.25; text-align: left; white-space: normal; }
.kapilar .kapi:last-child:nth-child(2) { grid-column: 1 / -1; justify-content: center; }
@media (max-width: 575.98px) { .kahraman-dugmeler.kapilar .kapi { justify-content: flex-start; padding: .75rem .8rem; font-size: .95rem; } }
.kahraman-guvence { list-style: none; padding: 0; margin: 1.1rem 0 0; }
.kahraman-guvence li { display: inline-flex; align-items: center; gap: .3rem; }
.kahraman-sol .teklif-haplari { margin-top: .9rem; }
.maket-rakamlar em.gecikti { color: #e03131; }

.pano-bant .pano-ust { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .6rem; font-size: .8rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: #cfe0ff; }
.pano-giris { font-size: 1.1rem; opacity: .85; margin-bottom: 1.1rem; }
.pano-sorular { list-style: none; padding: 0; margin: 0 0 1.1rem; display: grid; gap: .65rem; }
.pano-sorular li { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem .9rem; border-radius: 14px;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); }
.pano-soru-ikon { flex-shrink: 0; display: inline-grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 10px;
  background: #fff; color: var(--marka); font-size: 1.2rem; }
.pano-sorular b { display: block; font-size: 1.05rem; color: #fff; }
.pano-sorular div > span { display: block; line-height: 1.45; opacity: .88; }
.pano-telefon-notu { display: flex; gap: .5rem; align-items: flex-start; margin-bottom: 1.25rem; opacity: .88; }
.pano-telefon-notu i { font-size: 1.25rem; }
@media (max-width: 575.98px) { .pano-bant { padding: 1.5rem 1.1rem 0; } .pano-bant .telefon { width: 230px; height: 320px; border-width: 7px; } }

.ana-baglantilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 1rem; margin-top: 2rem; }
@media (max-width: 767.98px) { .ana-baglantilar { grid-template-columns: minmax(0, 1fr); } }
.ana-baglanti { display: flex; align-items: center; gap: .75rem; padding: .8rem 1rem; border: 1px solid var(--cizgi); border-radius: 12px;
  background: var(--kagit); color: var(--murekkep); text-decoration: none; transition: border-color .15s; }
.ana-baglanti:hover { border-color: var(--marka); color: var(--murekkep); }
.ana-baglanti > i:first-child { flex-shrink: 0; font-size: 1.3rem; color: var(--marka); }
.ana-baglanti b { font-weight: 700; color: var(--lacivert); }
.ana-baglanti .metin { color: var(--murekkep-2); }
.ana-baglanti .ok { flex-shrink: 0; margin-left: auto; color: var(--marka); }
@media (max-width: 767.98px) { .ana-baglanti b { display: block; } .ana-baglanti .metin { font-size: .9rem; } }

.baglanti-blok h3 { display: flex; align-items: center; gap: .5rem; font-size: 1.3rem; font-weight: 800; margin-bottom: .4rem; }
.baglanti-blok h3 i { color: var(--marka); }
.baglanti-blok .odeme-logolar .odeme-logo { flex-basis: calc((100% - 1.2rem) / 3 - .5px); height: 56px; padding: .55rem .6rem; }
.baglanti-blok .odeme-logolar.kurulus .odeme-logo { flex: 1 1 0; height: 64px; }
@media (max-width: 575.98px) { .baglanti-blok .pazar-adimlar { display: none; } }
.iyzico-satiri { display: flex; align-items: center; gap: .9rem; padding: .85rem 1rem; border: 1px solid #b7ebcd; border-radius: 14px;
  background: #ecfdf3; color: var(--lacivert); }
.iyzico-satiri img { flex-shrink: 0; height: 21px; width: auto; }
[data-bs-theme="dark"] .iyzico-satiri { background: rgba(18, 161, 80, .1); border-color: rgba(18, 161, 80, .35); }
@media (max-width: 575.98px) { .iyzico-satiri { flex-direction: column; align-items: flex-start; gap: .4rem; } }

.fiyat-ek-satir { display: flex; align-items: center; gap: .8rem; max-width: 52rem; margin: 0 auto; padding: .9rem 1.1rem;
  border: 1px dashed color-mix(in srgb, var(--marka) 45%, var(--cizgi)); border-radius: 14px; background: var(--marka-acik);
  color: var(--lacivert); text-decoration: none; }
.fiyat-ek-satir:hover { border-style: solid; color: var(--lacivert); }
.fiyat-ek-satir > i:first-child { flex-shrink: 0; font-size: 1.4rem; color: var(--marka); }
.fiyat-ek-satir .ok { flex-shrink: 0; margin-left: auto; color: var(--marka); }

/* Bulut şeridi (Özellikler, Fiyatlar, Sektörler) */
.bulut-seridi { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: var(--kagit); }
.bulut-seridi .container-xl { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem 1.5rem; padding-top: .8rem;
  padding-bottom: .8rem; font-size: .95rem; color: var(--murekkep-2); text-align: center; }
.bulut-seridi span { display: inline-flex; align-items: center; gap: .4rem; }
.bulut-seridi i { font-size: 1.2rem; color: var(--marka); }
.bulut-seridi .bulut-ana { font-weight: 700; color: var(--marka); }
@media (max-width: 575.98px) {
  .bulut-seridi .container-xl { flex-direction: column; align-items: flex-start; text-align: left; font-size: .9rem; }
  .bulut-seridi span { align-items: flex-start; }
}

/* Özellikler: koyu bantta tik listesi, telefonda katlanan uzun listeler */
.tik-listesi.koyu li::before { background-color: rgba(255, 255, 255, .9); }
.katla-dugme { display: flex; align-items: center; gap: .55rem; width: 100%; padding: 0; border: 0; background: none; color: inherit;
  font: inherit; text-align: left; cursor: default; }
.katla-dugme .katla-sayi, .katla-dugme .katla-ok { display: none; }
.ozellik-grubu h3 i.katla-ok { width: auto; height: auto; background: none; color: var(--murekkep-2); font-size: 1.1rem; }
@media (max-width: 767.98px) {
  .katla-dugme { cursor: pointer; }
  .katla-dugme .katla-sayi { display: inline-block; margin-left: auto; padding: .05rem .5rem; border-radius: 999px; background: var(--marka-acik);
    color: var(--marka); font-size: .8rem; font-weight: 700; }
  .katla-dugme .katla-ok { display: inline-block; color: var(--murekkep-2); transition: transform .15s; }
  .katlanir.acik .katla-ok { transform: rotate(180deg); }
  .katlanir:not(.acik) > ul, .katlanir:not(.acik) .katla-icerik { display: none; }
  .ozellik-grubu.katlanir h3 { margin-bottom: 0; }
  .ozellik-grubu.katlanir.acik h3 { margin-bottom: 1rem; }
  .modul-grubu.katlanir { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .modul-grubu.katlanir h3 { margin-bottom: 0; font-size: 1.15rem !important; }
}

/* en üstteki ince kampanya şeridi (templates/tanitim/temel.html): tek satır, telefonda içerik kısalır */
.gecis-seridi { position: relative; background: var(--marka-koyu); color: #fff; font-size: .85rem; line-height: 1.3;
  text-align: center; padding: .4rem 2.4rem; }
.gecis-seridi[hidden] { display: none; }
.gecis-seridi-baglanti { color: #fff; text-decoration: none; display: block; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; }
.gecis-seridi-baglanti:hover, .gecis-seridi-baglanti:focus { color: #fff; }
.gecis-seridi-baglanti:hover .gecis-seridi-ok { text-decoration: underline; }
.gecis-seridi-ad { opacity: .85; }
.gecis-seridi-fiyat { color: #ffd166; }
.gecis-seridi-ok { font-weight: 600; margin-left: .25rem; }
.gecis-seridi-kapat { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); background: none;
  border: 0; color: #fff; opacity: .8; font-size: 1.25rem; line-height: 1; padding: .25rem .5rem; cursor: pointer; }
.gecis-seridi-kapat:hover, .gecis-seridi-kapat:focus-visible { opacity: 1; }
@media (max-width: 575.98px) {
  .gecis-seridi { font-size: .8rem; padding: .4rem 2.2rem .4rem .75rem; text-align: left; }
  .gecis-seridi-ad { display: none; }
}
/* altındaki "Demoyu dene" şeridi: aynı ölçü, bir ton açık mavi, ince ayraç çizgisi */
.demo-seridi { background: var(--marka); border-top: 1px solid rgba(255, 255, 255, .18); }
.demo-seridi .gecis-seridi-ok { color: #ffd166; }
.demo-seridi-kisa { display: none; }
@media (max-width: 575.98px) {
  .demo-seridi-uzun { display: none; }
  .demo-seridi-kisa { display: inline; }
}

/* Üst menüde mali müşavir girişi: telefonda tam genişlik tek satır, masaüstünde iki satır (menüye sığsın) */
.musavir-girisi { gap: .4rem; white-space: nowrap; }
.musavir-girisi small { font-weight: 400; font-size: inherit; }
@media (max-width: 1199.98px) { .musavir-girisi { width: 100%; justify-content: center; } }
@media (min-width: 1200px) {
  .musavir-girisi { padding: .2rem .7rem; line-height: 1.15; text-align: left; font-size: .8125rem; }
  .musavir-girisi small { display: block; font-size: .75rem; opacity: .85; }
}

/* Entegrasyonlar > Kendi e-ticaret siten: API ve webhook kartı; sektör / çözüm sayfasında iki yol notu */
.api-karti { display: flex; gap: 1rem; align-items: center; padding: 1.1rem 1.25rem; border: 1px solid var(--cizgi);
  border-radius: 14px; background: var(--kagit-2); }
.api-karti h3 { font-size: 1.05rem; margin-bottom: .35rem; }
.api-karti p { margin-bottom: .4rem; }
.iki-yol { padding: 1rem 1.15rem; border: 1px dashed var(--cizgi); border-radius: 14px; background: var(--kagit-2); }
@media (max-width: 767.98px) { .api-karti { flex-direction: column; align-items: flex-start; } }

/* Üst menü listeleri (Çözümler, Kaynaklar): ikonlu satır, altında kısa açıklama */
.ust-liste { min-width: 19rem; padding: .4rem; }
.ust-liste .dropdown-item { display: flex; align-items: flex-start; gap: .65rem; padding: .55rem .7rem; border-radius: 8px;
  white-space: normal; }
.ust-liste .dropdown-item > .ti { font-size: 1.15rem; color: var(--marka); margin-top: .1rem; }
.ust-liste .dropdown-item small { display: block; color: var(--murekkep-2); font-size: .78rem; font-weight: 400; }
.ust-liste .dropdown-item.active, .ust-liste .dropdown-item:active { background: var(--kagit-2); color: inherit; font-weight: 600; }
@media (max-width: 1199.98px) { .ust-liste { border: 0; box-shadow: none; padding-top: 0; } }

/* "Seni arayalım" penceresi (üst menü) */
.geri-arama-penceresi { border-radius: 16px; }
.geri-arama-penceresi > .btn-close { position: absolute; top: .9rem; right: .9rem; z-index: 1; }
.geri-arama-penceresi h2 .ti { color: var(--marka); }
.geri-arama-tamam-ikon { display: inline-flex; font-size: 3rem; color: #2fb344; }
.geri-arama-penceresi [data-pencere-tamam]:focus { outline: none; }

/* Ücretsiz şablonlar (/sablonlar/): uyarı, bilgiler, hatalar, adımlar; senet ve makbuz doldur-yazdır önizlemesi */
.sablon-uyari { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1.1rem; border-radius: 14px;
  background: #fff8e6; border: 1px solid #f5d38a; color: #5c4400; }
.sablon-uyari > .ti { font-size: 1.3rem; color: #b26b00; }
[data-bs-theme="dark"] .sablon-uyari { background: rgba(245, 159, 0, .12); border-color: rgba(245, 159, 0, .35); color: #f3d9a6; }
.sablon-alanlar { margin: 0; display: grid; gap: .6rem; }
.sablon-alanlar > div { padding: .8rem 1rem; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--kagit); }
.sablon-alanlar dt { font-weight: 700; }
.sablon-alanlar dt .ti { color: var(--yesil); }
.sablon-alanlar dd { margin: .2rem 0 0; color: var(--murekkep-2); }
.sablon-hatalar { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.sablon-hatalar li { display: flex; gap: .55rem; align-items: flex-start; }
.sablon-hatalar .ti { color: #d63939; margin-top: .2rem; }
.sablon-adimlar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
@media (max-width: 767.98px) { .sablon-adimlar { grid-template-columns: 1fr; } }
.sablon-adimlar li { display: flex; gap: .8rem; padding: 1rem 1.1rem; background: var(--kagit-2); border: 1px solid var(--cizgi);
  border-radius: 14px; }
.sablon-adimlar .sira { flex-shrink: 0; display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--marka); color: #fff; font-weight: 700; }
.sablon-adimlar p { margin: .2rem 0 0; }
.sablon-onizleme-baslik { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .6rem; }
.senet-onizleme, .makbuz-onizleme { max-height: 46rem; overflow: auto; padding: .8rem; border-radius: 16px; background: var(--kagit-2);
  border: 1px solid var(--cizgi); }
/* senet: programdaki senet yazdırmayla aynı görünüm (templates/odeme_plani/senet_yazdir.html) */
.senet { background: #fff; color: #111; border: 1.5px solid #222; border-radius: 3mm; padding: 5mm 6mm; margin-bottom: 5mm;
  font-size: 10pt; line-height: 1.35; break-inside: avoid; page-break-inside: avoid; }
.senet-ust { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #222;
  padding-bottom: 2mm; margin-bottom: 3mm; }
.senet-baslik { font-size: 14pt; font-weight: 800; letter-spacing: .08em; }
.senet-baslik small { font-size: 8.5pt; font-weight: 500; letter-spacing: 0; }
.senet-kutular { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3mm; margin-bottom: 3mm; }
.senet-kutular > div { border: 1px solid #555; border-radius: 1.5mm; padding: 1.5mm 2.5mm; }
.senet-kutular span { display: block; font-size: 7.5pt; color: #444; }
.senet-kutular b { font-size: 10.5pt; word-break: break-word; }
.senet-metin { margin: 0 0 3mm; text-align: justify; }
.senet-yerler { display: flex; flex-wrap: wrap; gap: 2mm 6mm; font-size: 9pt; margin-bottom: 3mm; }
.senet-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; }
.senet-taraf { border: 1px solid #555; border-radius: 1.5mm; padding: 2mm 3mm; font-size: 8.5pt; }
.senet-taraf-baslik { font-size: 7.5pt; text-transform: uppercase; font-weight: 700; letter-spacing: .03em; }
.senet-taraf .ad { font-weight: 700; font-size: 9.5pt; }
.senet-imza { margin-top: 3mm; padding-top: 7mm; border-top: 1px dotted #777; font-size: 7.5pt; color: #444; }
@media (max-width: 575.98px) { .senet-kutular, .senet-alt { grid-template-columns: 1fr; } }
.makbuz { background: #fff; color: #111; border: 1.5px solid #222; border-radius: 3mm; padding: 6mm 7mm; margin-bottom: 6mm;
  font-size: 10.5pt; break-inside: avoid; page-break-inside: avoid; }
.makbuz-ust { display: flex; justify-content: space-between; gap: 4mm; border-bottom: 1px solid #222; padding-bottom: 2.5mm; margin-bottom: 4mm; }
.makbuz-isletme { font-weight: 800; font-size: 12pt; }
.makbuz-baslik { font-weight: 800; letter-spacing: .06em; font-size: 12.5pt; }
.makbuz-tutar { display: inline-flex; gap: 3mm; align-items: baseline; border: 1px solid #555; border-radius: 1.5mm; padding: 1.5mm 3mm; margin-bottom: 3mm; }
.makbuz-tutar span { font-size: 8pt; color: #444; }
.makbuz-tutar b { font-size: 13pt; }
.makbuz-metin { margin: 0 0 2mm; }
.makbuz-imzalar { display: grid; grid-template-columns: 1fr 1fr; gap: 10mm; margin-top: 8mm; font-size: 8.5pt; color: #444; }
.makbuz-imzalar > div { border-top: 1px dotted #777; padding-top: 1.5mm; }
.makbuz-not { margin: 4mm 0 0; font-size: 7.5pt; color: #666; }
@media print {
  @page { size: A4; margin: 10mm; }
  /* yalnız senet / makbuz basılır: geri kalan yer de kaplamasın (boş sayfa çıkmasın) */
  body.tanitim:has(#doldur) > :not(main), body.tanitim:has(#doldur) main > :not(#doldur) { display: none !important; }
  body.tanitim #doldur { padding: 0 !important; }
  body.tanitim #doldur .container-xl { max-width: none; padding: 0; }
  body.tanitim #doldur .row { margin: 0; }
  body.tanitim #doldur .row > * { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0; }
  body.tanitim [data-onizleme] { max-height: none; overflow: visible; padding: 0; border: 0; background: #fff; }
  /* A4'e üç senet: 190 mm genişlikte uzun lehtar adıyla ticari senet ~79 mm, tüketici senedi ~87 mm (ölçüldü
     22.10.2026; programdaki senet_yazdir.html ile aynı). Zorla sayfa sonu yok: sığmayan senet sonraki sayfaya geçer */
  .senet { margin: 0 0 3mm; padding: 3mm 5mm; font-size: 9.5pt; line-height: 1.28; }
  .senet-ust { padding-bottom: 1.5mm; margin-bottom: 2mm; }
  .senet-baslik { font-size: 13pt; }
  .senet-kutular, .senet-metin, .senet-yerler { margin-bottom: 2mm; }
  .senet-kutular { grid-template-columns: auto auto 1fr; }
  .senet-kutular > div { padding: 1mm 2.5mm; }
  .senet-kutular span { display: inline; margin-right: 1.5mm; font-size: 7pt; }
  .senet-kutular b { font-size: 10pt; }
  .senet-yerler { font-size: 8.5pt; }
  .senet-taraf { padding: 1.5mm 3mm; line-height: 1.25; }
  .senet-imza { margin-top: 1.5mm; padding-top: 5mm; }
  .makbuz { min-height: 125mm; }
  .makbuz:nth-child(2n) { break-after: page; page-break-after: always; }
}
/* şablonun doldurulmuş örneği: kâğıt görünümü */
.belge-ornegi { max-width: 56rem; padding: 1.4rem 1.6rem; border-radius: 16px; background: #fff; color: #111;
  border: 1px solid var(--cizgi); box-shadow: 0 18px 40px -28px rgba(17, 24, 39, .45); }
.belge-ornegi-ust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; border-bottom: 2px solid #111;
  padding-bottom: .8rem; margin-bottom: 1rem; }
.belge-ornegi-baslik { font-size: 1.4rem; font-weight: 800; letter-spacing: .08em; }
.belge-ornegi-bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, auto)); gap: .2rem 1.2rem; margin: 0; }
.belge-ornegi-bilgi dt, .belge-ornegi-toplam dt { font-weight: 500; color: #555; font-size: .78rem; }
.belge-ornegi-bilgi dd { margin: 0; font-weight: 700; }
.belge-ornegi-taraflar { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; font-size: .92rem; }
.belge-ornegi-taraflar > div { border: 1px solid #ccd3dc; border-radius: 10px; padding: .6rem .8rem; }
.belge-ornegi-etiket { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #555; font-weight: 700; }
@media (max-width: 575.98px) { .belge-ornegi-taraflar { grid-template-columns: 1fr; } .belge-ornegi { padding: 1rem; } }
.belge-ornegi-tablo { --tblr-table-bg: transparent; color: #111; font-size: .92rem; }
.belge-ornegi-tablo thead th { background: #f1f4f8; color: #333; font-size: .75rem; text-transform: none; letter-spacing: 0; }
.belge-ornegi-toplam { margin: .8rem 0 0 auto; max-width: 22rem; }
.belge-ornegi-toplam > div { display: flex; justify-content: space-between; gap: 1rem; padding: .2rem 0; }
.belge-ornegi-toplam dd { margin: 0; font-weight: 600; }
.belge-ornegi-toplam .son { border-top: 2px solid #111; margin-top: .2rem; padding-top: .4rem; }
.belge-ornegi-toplam .son dt { color: #111; font-weight: 700; font-size: .92rem; }
.belge-ornegi-toplam .son dd { font-weight: 800; }
.belge-ornegi-not { margin-top: .9rem; padding-top: .6rem; border-top: 1px dashed #ccd3dc; font-size: .82rem; color: #444; }

/* Blog (/blog/): liste kartları, yazı gövdesi, içindekiler */
.blog-kart { display: flex; flex-direction: column; gap: .55rem; height: 100%; padding: 1.1rem 1.2rem; border: 1px solid var(--cizgi);
  border-radius: 16px; background: var(--kagit); color: var(--murekkep); text-decoration: none; transition: border-color .15s, transform .15s; }
.blog-kart:hover { border-color: var(--marka); transform: translateY(-2px); color: var(--murekkep); }
.blog-kart-ust { display: flex; align-items: center; justify-content: space-between; }
.blog-kart-baslik { font-weight: 800; font-size: 1.12rem; line-height: 1.3; }
.blog-kart-ozet { color: var(--murekkep-2); font-size: .92rem; }
.blog-kart-alt { margin-top: auto; font-size: .85rem; color: var(--marka); font-weight: 600; }
.blog-bas h1 { max-width: 48rem; }
.blog-ozet { font-size: 1.12rem; max-width: 48rem; }
.blog-meta { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; color: var(--murekkep-2); font-size: .9rem; margin-top: .6rem; }
.blog-govde { font-size: 1.04rem; line-height: 1.75; }
.blog-govde h2 { font-size: 1.55rem; font-weight: 800; margin: 2.2rem 0 .8rem; scroll-margin-top: 5.5rem; }
.blog-govde h2:first-child { margin-top: 0; }
.blog-govde p, .blog-govde ul, .blog-govde ol { margin-bottom: 1rem; }
.blog-govde li { margin-bottom: .35rem; }
.blog-govde a:not(.btn) { font-weight: 600; }
.blog-tablo { font-size: .95rem; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; }
.blog-tablo thead th { background: var(--kagit-2); text-transform: none; letter-spacing: 0; font-size: .85rem; color: var(--murekkep); }
.blog-not { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1.1rem; margin: 0 0 1.2rem; border-radius: 14px;
  background: var(--marka-acik); border: 1px solid color-mix(in srgb, var(--marka) 25%, transparent); font-size: .97rem; line-height: 1.6; }
.blog-not > .ti { color: var(--marka); font-size: 1.25rem; margin-top: .1rem; }
.blog-uyari { margin-top: 2rem; padding-top: 1rem; border-top: 1px dashed var(--cizgi); font-size: .88rem; color: var(--murekkep-2); }
.blog-yan { position: sticky; top: 5.5rem; }
.blog-icindekiler { padding: 1rem 1.1rem; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kagit-2); font-size: .93rem; }
.blog-icindekiler ol { margin: 0; padding-left: 1.1rem; }
.blog-icindekiler li { margin-bottom: .3rem; }
.blog-icindekiler a { color: var(--murekkep-2); text-decoration: none; }
.blog-icindekiler a:hover { color: var(--marka); }
.blog-kaynaklar ul { margin: 0; padding-left: 1.1rem; color: var(--murekkep-2); }
@media (max-width: 991.98px) { .blog-yan { position: static; } }
/* ana sayfa: ücretsiz kaynaklar */
.kaynak-sutunu { height: 100%; padding: 1.2rem 1.3rem; border: 1px solid var(--cizgi); border-radius: 16px; background: var(--kagit-2); }
.kaynak-sutunu h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: .7rem; }
.kaynak-sutunu h3 .ti { color: var(--marka); }
.kaynak-sutunu ul { list-style: none; padding: 0; margin: 0 0 .8rem; display: grid; gap: .45rem; }
.kaynak-sutunu ul a { color: var(--murekkep); text-decoration: none; }
.kaynak-sutunu ul a:hover { color: var(--marka); text-decoration: underline; }

/* Pazaryeri başına entegrasyon sayfası ve çözüm sayfası rehberi */
.pazaryeri-logo-kutu { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; border: 1px solid var(--cizgi);
  border-radius: 1.25rem; background: #fff; padding: 2rem; }
.pazaryeri-logo-kutu img { max-width: 75%; height: auto; max-height: 90px; object-fit: contain; }
.pazaryeri-durum { font-weight: 700; }
.pazaryeri-durum-hazir { color: #2fb344; }
.pazaryeri-durum-pilot { color: #f59f00; }
.etiket-rehber { color: var(--marka); font-weight: 700; font-size: .95rem; margin-bottom: 1rem; }

/* Dar ekranda uzun ad ya da adres (ör. "Amazon Türkiye entegrasyonu", "https://...") kutuyu taşırmasın */
.cozum-baglanti > span { min-width: 0; overflow-wrap: anywhere; }
.cozum-adimlar li, .cozum-adimlar li > div { min-width: 0; overflow-wrap: anywhere; }

/* Mali müşavir girişi sayfası: giriş yap / kaydol / demoyu dene alt alta */
.musavir-giris-kart { max-width: 31rem; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 1rem;
  padding: 2rem 1.5rem; box-shadow: 0 18px 40px -24px rgba(17, 24, 39, .35); }
.musavir-giris-ikon { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem;
  margin: 0 auto; border-radius: 1rem; background: var(--marka-acik); color: var(--marka); font-size: 1.75rem; }
.musavir-giris-kart h1 { font-size: clamp(1.75rem, 3.2vw, 2.25rem); }
.musavir-giris-dugme { display: flex; align-items: center; justify-content: flex-start; gap: .85rem; text-align: left;
  padding: .85rem 1.1rem; white-space: normal; }
.musavir-giris-dugme > .ti { font-size: 1.5rem; flex-shrink: 0; margin: 0; }
.musavir-giris-dugme small { display: block; font-weight: 400; font-size: .8125rem; opacity: .85; margin-top: .1rem; }
@media (min-width: 576px) { .musavir-giris-kart { padding: 2.5rem 2.25rem; } }