/* Yeni bölümlerin ortak stilleri (Sections altındaki mo. ile başlayan bölümler). Bütün sınıflar "mo-" önekli;
   temanın mevcut bölümlerine dokunmaz. Renk, yazı, kart, düğme ve rozet temanın kendi sınıfları;
   burada yalnız temada olmayan parçalar var. Koyu tema varsayılan, açık tema html:not(.dark) ile. */

:root {
  /* button-v3 ikon zemini: mevcut bölümler bunu kendi <style>'ında tanımlıyor, yenileri buradan alır */
  --color-gradient-14: linear-gradient(180deg, #daff95 0%, #bfee67 100%);
  --mo-lime: #c6f56f;
}

/* Sayfanın ilk bölümü yeni bir kahramansa içerik üst çubuğun ALTINDAN başlasın (v3'teki gibi ışık
   sayfanın tepesinden yayılsın). <main>'in 110 px boşluğu yalnız gerçek sayfada var; düzenleyici
   önizlemesinde bu kural devreye girmez. */
main.pt-\[110px\] > div:first-child > .mo-ust { margin-top: -110px; }

/* button-v3 hover kaymaları — canlı sitede her bölümün <style> parçasında duran kurallar */
.button-icon, .button-text { transition: transform .7s cubic-bezier(.4, 0, .2, 1); }
@media (hover: hover) {
  .group:hover .group-hover\:translate-x-1 { translate: calc(var(--spacing) * 1) 0; }
}

/* Tema hatası (canlıda da var): main.css'teki `[class^="ns-"], [class*=" ns-"] { font-family: next-sass !important }`
   ikon kuralı, adı "ns-" ile başlayan fiyat ızgarasını da yakalıyor; kart yazıları ikon fontuna, oradan da
   tarayıcının serif yedeğine düşüyor. Fiyat kartlarına temanın yazı fontu geri veriliyor. */
.ns-plan-grid, .ns-plan-item { font-family: var(--font-inter-tight, "Inter Tight", sans-serif) !important; }

.mo-guc { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
.mo-kapsul { background: var(--color-gradient-14); color: #1a1a1c; }

/* ─── Güç anahtarı (temanın fiyat aç/kapa anahtarından türedi) ─── */
.mo-anahtar {
  position: relative; display: inline-block; vertical-align: -0.08em;
  width: 1.9em; height: 1em; margin: 0 .08em; padding: 0;
  border-radius: 999px; border: 1px solid var(--color-stroke-7); cursor: pointer;
  background: var(--color-background-9);
  transition: background .5s ease, box-shadow .6s ease, border-color .5s ease;
}
.mo-anahtar::before {
  content: ""; position: absolute; inset: .1em; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .06); pointer-events: none;
}
.mo-anahtar-top {
  position: absolute; top: 50%; left: .09em; width: .8em; height: .8em; border-radius: 50%;
  display: grid; place-items: center; transform: translateY(-50%);
  background: #fcfcfc; color: #1a1a1c;
  transition: left .55s cubic-bezier(.65, 0, .35, 1), background .4s ease, color .4s ease;
}
.mo-anahtar-top .mo-guc { width: .42em; height: .42em; stroke-width: 3; }
.mo-anahtar[aria-checked="true"] {
  background: var(--color-gradient-14); border-color: transparent;
  box-shadow: 0 0 0 .06em rgba(198, 245, 111, .18), 0 0 .9em rgba(198, 245, 111, .45);
}
.mo-anahtar[aria-checked="true"] .mo-anahtar-top { left: calc(100% - .89em); background: #0f1217; color: var(--mo-lime); }
.mo-anahtar:focus-visible { outline: 2px solid var(--mo-lime); outline-offset: 3px; }

/* ─── Hero: açılış ─── */
.mo-hero-isik {
  position: absolute; left: 50%; top: 520px; width: 1400px; height: 900px; transform: translateX(-50%);
  background:
    radial-gradient(closest-side, rgba(198, 245, 111, .20), transparent 72%),
    radial-gradient(closest-side at 30% 60%, rgba(0, 208, 132, .14), transparent 70%);
  opacity: .15; transition: opacity 1.4s ease; pointer-events: none;
}
.mo-hero.acildi .mo-hero-isik { opacity: 1; }
.mo-banner { border: 1px solid var(--color-stroke-7); background: var(--color-background-6); box-shadow: 0 40px 120px -40px rgba(0, 0, 0, .8); }
.mo-banner img { filter: brightness(.38) saturate(.4); transition: filter 1.2s ease; }
.mo-hero.acildi .mo-banner img { filter: none; }
.mo-sahne-not { margin-top: 14px; }
.mo-alt-gecis { background: linear-gradient(180deg, rgba(19, 23, 30, 0) 0%, rgba(19, 23, 30, .75) 45%, var(--color-background-5) 88%); }

/* "İşletmenin günü": farklı modüllerden düşen olaylar */
.mo-akis { list-style: none; margin: 0; padding: 0; }
.mo-olay {
  position: absolute; z-index: 30; display: flex; align-items: center; gap: 12px; text-align: left;
  padding: 10px 18px 10px 10px; border-radius: 16px; max-width: 290px;
  background: rgba(24, 29, 38, .88); border: 1px solid var(--color-stroke-7);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .8);
  opacity: 0; transform: translateY(14px) scale(.96);
  transition: opacity .5s ease, transform .6s cubic-bezier(.2, .9, .3, 1.15);
}
.mo-olay.gorunur { opacity: 1; transform: none; }
.mo-olay b { display: block; font-weight: 500; font-size: 14.5px; line-height: 1.3; color: var(--color-accent); }
.mo-olay small { display: block; margin-top: 2px; font-size: 12.5px; color: rgba(252, 252, 252, .55); }
.mo-olay-ikon { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--renk); color: #1a1a1c; font-size: 18px; }
/* Banner'ın alt yarısı temanın alt geçişiyle kararıyor; kartlar üst üçte ikide durur. */
.mo-olay-1 { left: -56px; top: 10%; }
.mo-olay-2 { right: -48px; top: 5%; }
.mo-olay-3 { left: -36px; top: 42%; }
.mo-olay-4 { right: -60px; top: 30%; }
.mo-olay-5 { right: -24px; top: 54%; }
@media (max-width: 1279px) {
  .mo-olay-1 { left: -12px; } .mo-olay-2 { right: -12px; } .mo-olay-3 { left: -12px; } .mo-olay-4 { right: -12px; }
}
@media (max-width: 767px) {
  .mo-olay { max-width: 240px; padding: 8px 14px 8px 8px; gap: 10px; }
  .mo-olay-ikon { width: 32px; height: 32px; font-size: 15px; border-radius: 10px; }
  .mo-olay b { font-size: 13px; } .mo-olay small { font-size: 11.5px; }
  .mo-olay-1 { left: 8px; top: auto; bottom: calc(100% - 18px); }
  .mo-olay-3 { left: auto; right: 8px; top: auto; bottom: -26px; }
  .mo-olay-2, .mo-olay-4, .mo-olay-5 { display: none; }
  .mo-sahne-not { margin-top: 40px; }
}

/* ─── Modül şeridi ─── */
.mo-serit-oge { flex: none; padding: 0 28px; font-size: clamp(2.2rem, 5.2vw, 4.4rem); line-height: 1.1; font-weight: 400; letter-spacing: -0.035em; color: var(--color-accent); white-space: nowrap; }
.mo-serit-oge.mo-soluk { color: rgba(252, 252, 252, .22); }
.mo-serit-ayrac { flex: none; display: grid; place-items: center; color: var(--mo-lime); }
.mo-serit-ayrac svg { width: 30px; height: 30px; fill: currentColor; }
html:not(.dark) .mo-serit-ayrac { color: #8fc23a; }

/* ─── Modül kartları ─── */
.mo-grup { display: flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: rgba(252, 252, 252, .5); }
.mo-grup:first-child { margin-top: 0; }
.mo-grup span { display: grid; place-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--color-background-9); border: 1px solid var(--color-stroke-7); color: var(--mo-lime); letter-spacing: 0; font-family: "IBM Plex Mono", monospace; }

/* ─── Ekran sekmeleri ─── */
.mo-sekme { height: 42px; padding: 0 20px; border-radius: 999px; border: 1px solid var(--color-stroke-7); background: var(--color-background-6); color: rgba(252, 252, 252, .7); font-size: 15px; cursor: pointer; transition: all .25s ease; }
.mo-sekme:hover { color: var(--color-accent); border-color: rgba(198, 245, 111, .5); }
.mo-sekme[aria-selected="true"] { background: var(--color-gradient-14); border-color: transparent; color: #1a1a1c; }
.mo-pano { display: none; }
.mo-pano.aktif { display: block; animation: mo-gir .45s ease; }
.mo-pano img { width: 100%; border-radius: 14px; aspect-ratio: 16 / 9.4; object-fit: cover; object-position: top left; background: #fff; }
.mo-pano p { margin: 0; padding: 18px 8px 6px; color: rgba(252, 252, 252, .7); }
@keyframes mo-gir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ─── Bağlantı zinciri ─── */
.mo-zincir { display: flex; align-items: center; gap: 8px; }
.mo-zincir span { flex: none; display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--color-background-9); border: 1px solid var(--color-stroke-7); font-size: 14px; color: var(--color-accent); }
.mo-zincir .mo-zincir-son { background: var(--color-gradient-14); border-color: transparent; color: #1a1a1c; }
.mo-zincir i { position: relative; flex: 1; height: 2px; min-width: 18px; background: var(--color-stroke-7); overflow: hidden; border-radius: 2px; }
.mo-zincir i::after { content: ""; position: absolute; top: 0; left: -40%; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, var(--mo-lime), transparent); animation: mo-akim 2.2s linear infinite; }
@keyframes mo-akim { to { left: 100%; } }

/* ─── Mobil telefonlar ─── */
.mo-telefonlar { display: flex; justify-content: center; align-items: flex-end; gap: 16px; }
/* Telefon görüntüleri çerçevesiyle birlikte şeffaf (_kaynak/telefon_duzelt.py): gölge şekli izlesin diye box-shadow değil drop-shadow */
.mo-telefonlar img { width: 30%; max-width: 210px; height: auto; filter: drop-shadow(0 28px 34px rgba(0, 0, 0, .55)); }
.mo-telefonlar img:nth-child(2) { transform: translateY(-28px); }

.mo-kure { opacity: .55; }

/* ─── Alt sayfalar ─── */
.mo-hero-isik-urun { top: 120px; width: 1100px; height: 760px; opacity: .7; }
.mo-urun-tel { position: absolute; right: -14px; bottom: -36px; width: 26%; max-width: 190px; height: auto; filter: drop-shadow(0 26px 30px rgba(0, 0, 0, .55)); z-index: 2; }
@media (min-width: 1280px) { .mo-urun-tel { right: -40px; } }
@media (max-width: 767px) { .mo-urun-tel { width: 30%; right: -6px; bottom: -24px; } }
/* Masaüstü ekranları tek aile: aynı pencere çubuğu (üç nokta), beyaz zemin, ince kenar */
.mo-cerceve, .mo-banner { position: relative; border: 1px solid var(--color-stroke-7); background: #fff; padding-top: 30px; }
.mo-cerceve::before, .mo-banner::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 30px; background:
  radial-gradient(circle at 18px 15px, #d5dae3 4px, transparent 4.5px), radial-gradient(circle at 34px 15px, #d5dae3 4px, transparent 4.5px),
  radial-gradient(circle at 50px 15px, #d5dae3 4px, transparent 4.5px), #eef1f6; border-bottom: 1px solid #e3e7ee; }
.mo-cerceve img, .mo-banner img { display: block; }
/* Adım kartında telefon: kartın altından yükselir, tepesi görünür */
.mo-adim-gorsel.tel { display: flex; justify-content: center; align-items: flex-start; padding-top: 22px; background: radial-gradient(80% 90% at 50% 100%, rgba(198, 245, 111, .14), transparent 70%), var(--color-background-9); }
.mo-adim-gorsel.tel img { width: 52%; height: auto; filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .45)); }
.mo-adim-gorsel.tel.alt { align-items: flex-end; padding-top: 0; padding-bottom: 22px; }
.mo-pano-yazi { animation: mo-gir .4s ease; }
.mo-ayrinti { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.mo-ayrinti:hover { text-decoration: underline; text-underline-offset: 4px; }
.mo-ayrinti span { color: var(--mo-lime); transition: transform .2s ease; }
.mo-ayrinti:hover span { transform: translateX(3px); }
html:not(.dark) .mo-ayrinti span { color: #6f9a24; }

/* ─── Modüle özgü parçalar ─── */
/* Mesai "örnek gün" ve devriye "tur": telefon + üstüne binen kart */
.mo-gun-sahne { position: relative; display: flex; justify-content: flex-end; align-items: center; min-height: 520px; padding-right: 4%; }
.mo-gun-tel { width: 46%; max-width: 280px; height: auto; filter: drop-shadow(0 34px 40px rgba(0, 0, 0, .55)); }
.mo-gun, .mo-tur { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: min(340px, 64%); padding: 22px; border-radius: 20px; background: rgba(24, 29, 38, .92); border: 1px solid var(--color-stroke-7); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .85); }
.mo-gun-bas { margin: 0 0 16px; font-size: 14px; color: rgba(252, 252, 252, .6); }
.mo-gun-bas span { display: inline-block; margin-right: 8px; padding: 3px 8px; border-radius: 999px; background: var(--color-background-9); font: 500 11px/1.2 "IBM Plex Mono", monospace; letter-spacing: .04em; color: var(--mo-lime); }
.mo-gun-bas b { color: var(--color-accent); font-weight: 500; }
.mo-gun ol, .mo-tur ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.mo-gun li { display: grid; grid-template-columns: 54px 1fr; gap: 12px; align-items: start; padding: 10px 0; border-top: 1px solid var(--color-stroke-7); }
.mo-gun li:first-child { border-top: 0; }
.mo-gun time { font: 500 14px/1.4 "IBM Plex Mono", monospace; color: var(--color-accent); font-variant-numeric: tabular-nums; }
.mo-gun li.giris time, .mo-gun li.cikis time { color: var(--mo-lime); }
.mo-gun li b { display: block; font-weight: 500; font-size: 14.5px; color: var(--color-accent); }
.mo-gun li small { display: block; font-size: 12.5px; color: rgba(252, 252, 252, .5); }
.mo-gun-alt { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--color-stroke-7); font-size: 13.5px; color: rgba(252, 252, 252, .6); }
.mo-gun-alt b { color: var(--color-accent); font-weight: 500; }
.mo-tur-cubuk { height: 6px; border-radius: 999px; background: var(--color-background-9); overflow: hidden; }
.mo-tur-cubuk i { display: block; width: 66.6%; height: 100%; border-radius: inherit; background: var(--color-gradient-14); }
.mo-tur-sayi { margin: 10px 0 14px; font-size: 13.5px; color: rgba(252, 252, 252, .6); }
.mo-tur-sayi b { color: var(--color-accent); font-weight: 500; }
.mo-tur li { display: grid; grid-template-columns: 14px 1fr auto; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid var(--color-stroke-7); font-size: 14.5px; }
.mo-tur li b { font-weight: 500; color: var(--color-accent); }
.mo-tur time { font: 500 13px "IBM Plex Mono", monospace; color: rgba(252, 252, 252, .6); }
.mo-tur-nokta { width: 12px; height: 12px; border-radius: 50%; background: var(--mo-lime); box-shadow: 0 0 0 4px rgba(198, 245, 111, .15); }
.mo-tur li.atlandi .mo-tur-nokta { background: #ff7a6b; box-shadow: 0 0 0 4px rgba(255, 122, 107, .16); }
.mo-tur li.atlandi time { color: #ff9a8f; }
@media (max-width: 767px) {
  .mo-gun-sahne { min-height: 0; flex-direction: column; align-items: stretch; gap: 18px; padding-right: 0; }
  .mo-gun, .mo-tur { position: static; transform: none; width: 100%; }
  .mo-gun-tel { width: 52%; align-self: center; order: 2; }
}

/* Karşılaştırma tablosu */
.mo-kiyas-kap { overflow-x: auto; }
.mo-kiyas { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 15px; }
.mo-kiyas th, .mo-kiyas td { text-align: left; vertical-align: top; padding: 18px 24px; border-bottom: 1px solid var(--color-stroke-7); color: rgba(252, 252, 252, .65); }
.mo-kiyas thead th { font: 500 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: rgba(252, 252, 252, .45); padding-top: 22px; }
.mo-kiyas tbody th { font-weight: 500; color: var(--color-accent); white-space: nowrap; }
.mo-kiyas .mo-kiyas-biz { color: var(--color-accent); background: rgba(198, 245, 111, .06); }
.mo-kiyas thead .mo-kiyas-biz { color: var(--mo-lime); }
.mo-kiyas tbody tr:last-child th, .mo-kiyas tbody tr:last-child td { border-bottom: 0; }

/* Numaralı adımlar */
.mo-adim-no { display: inline-block; font: 500 13px/1 "IBM Plex Mono", monospace; color: var(--mo-lime); padding: 6px 10px; border-radius: 999px; background: var(--color-background-9); }
.mo-adim-gorsel { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; background: var(--color-background-9); border-bottom: 1px solid var(--color-stroke-7); }
.mo-adim-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }

/* Durum hattı (teklif) */
.mo-hat { list-style: none; margin-block: 0; padding: 0; display: grid; gap: 14px; counter-reset: hat; }
@media (min-width: 900px) { .mo-hat { grid-template-columns: repeat(4, 1fr); gap: 0; } }
.mo-hat-durak { position: relative; padding: 0 18px 0 0; display: grid; gap: 12px; align-content: start; }
.mo-hat-etiket { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; width: fit-content; background: var(--color-background-9); border: 1px solid var(--color-stroke-7); color: var(--color-accent); font-weight: 500; font-size: 14.5px; position: relative; z-index: 1; }
.mo-hat-son .mo-hat-etiket { background: var(--color-gradient-14); border-color: transparent; color: #1a1a1c; }
@media (min-width: 900px) {
  .mo-hat-durak::before { content: ""; position: absolute; top: 20px; left: 0; right: 0; height: 2px; background: var(--color-stroke-7); }
  .mo-hat-durak:last-child::before { right: 50%; }
  .mo-hat-durak::after { content: ""; position: absolute; top: 20px; left: 0; width: 30%; height: 2px; background: linear-gradient(90deg, transparent, var(--mo-lime), transparent); animation: mo-hat-akim 3s linear infinite; }
  .mo-hat-durak:nth-child(2)::after { animation-delay: .75s; } .mo-hat-durak:nth-child(3)::after { animation-delay: 1.5s; } .mo-hat-durak:nth-child(4)::after { display: none; }
}
@keyframes mo-hat-akim { from { left: 0; opacity: 0; } 20% { opacity: 1; } to { left: 75%; opacity: 0; } }

/* Zaman çizelgesi (CRM) */

/* Ekran mozaiği */
.mo-bento-gorsel { margin: auto 0 0 32px; border-top-left-radius: 14px; overflow: hidden; border: 1px solid var(--color-stroke-7); border-right: 0; border-bottom: 0; background: #fff; aspect-ratio: 16 / 9.5; }
.mo-bento-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }

/* Ne yapar / ne yapmaz */
.mo-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.mo-liste li { position: relative; padding-left: 30px; color: rgba(252, 252, 252, .75); }
.mo-liste li::before { position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.mo-liste-evet li::before { content: "✓"; background: var(--mo-lime); color: #1a1a1c; }
.mo-liste-hayir li::before { content: "–"; background: var(--color-background-9); color: rgba(252, 252, 252, .7); }
.mo-kutu-soluk { background: transparent; border: 1px dashed var(--color-stroke-7); }

/* Acil durum bandı */
.mo-bant { background: linear-gradient(135deg, rgba(255, 122, 107, .14), rgba(255, 122, 107, .03) 55%), var(--color-background-6); border: 1px solid rgba(255, 122, 107, .25); }
.mo-bant-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 122, 107, .16); color: #ffb3aa; font-size: 13px; font-weight: 500; }
.mo-bant-rozet::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff7a6b; animation: mo-nabiz 1.6s ease-out infinite; }
@keyframes mo-nabiz { 0% { box-shadow: 0 0 0 0 rgba(255, 122, 107, .6); } 100% { box-shadow: 0 0 0 9px rgba(255, 122, 107, 0); } }

/* Fiyat hesaplayıcı */
.mo-hesap-sayi { margin: 0; font-size: 15px; color: rgba(252, 252, 252, .6); white-space: nowrap; }
.mo-hesap-sayi b { font: 500 34px/1 "Inter Tight", sans-serif; color: var(--color-accent); font-variant-numeric: tabular-nums; margin-right: 4px; }
.mo-kaydirac { --dolu: 10%; -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border-radius: 999px; outline: none; cursor: pointer;
  background: linear-gradient(90deg, #c6f56f 0%, #bfee67 var(--dolu), var(--color-background-9) var(--dolu)); }
.mo-kaydirac::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #0f1217; border: 3px solid var(--mo-lime); box-shadow: 0 0 0 6px rgba(198, 245, 111, .18); transition: transform .15s ease; }
.mo-kaydirac::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #0f1217; border: 3px solid var(--mo-lime); box-shadow: 0 0 0 6px rgba(198, 245, 111, .18); }
.mo-kaydirac:active::-webkit-slider-thumb { transform: scale(1.12); }
.mo-kaydirac:focus-visible { box-shadow: 0 0 0 3px rgba(198, 245, 111, .45); }
.mo-kademe { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mo-kademe li { display: inline-flex; gap: 8px; align-items: baseline; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--color-stroke-7); font-size: 13px; color: rgba(252, 252, 252, .55); transition: all .2s ease; }
.mo-kademe li b { font-weight: 500; color: rgba(252, 252, 252, .75); }
.mo-kademe li.aktif { background: var(--color-gradient-14); border-color: transparent; color: #1a1a1c; }
.mo-kademe li.aktif b { color: #1a1a1c; }
.mo-hesap-tutar { margin: 0; display: flex; align-items: baseline; gap: 6px; }
.mo-hesap-tutar span { font: 500 clamp(40px, 6vw, 56px)/1 "Inter Tight", sans-serif; letter-spacing: -.03em; color: var(--color-accent); font-variant-numeric: tabular-nums; }
.mo-hesap-tutar small { font-size: 16px; color: rgba(252, 252, 252, .55); }
.mo-hesap-dip { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid var(--color-stroke-7); }

/* İletişim formu: gizli tuzak alanı (bot doldurur, sunucu reddeder) */
.mo-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mo-onay label:first-child span { margin-top: 1px; }

/* Hakkımızda */
.mo-rakamlar > div { display: grid; gap: 6px; padding: 30px 26px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .08); }
.mo-rakamlar > div:last-child { border-right: 0; }
@media (max-width: 767px) { .mo-rakamlar > div:nth-child(2) { border-right: 0; } .mo-rakamlar > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .08); } }
.mo-rakamlar b { font: 500 clamp(28px, 3.6vw, 40px)/1 "Inter Tight", sans-serif; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
.mo-rakamlar span { font-size: 14px; color: rgba(252, 252, 252, .55); }
.mo-kurucu { border: 1px solid var(--color-stroke-7); }
.mo-kurucu-sol { position: relative; background: radial-gradient(120% 80% at 0% 100%, rgba(198, 245, 111, .16), transparent 60%), var(--color-background-7); border-right: 1px solid var(--color-stroke-7); }
@media (max-width: 1023px) { .mo-kurucu-sol { border-right: 0; border-bottom: 1px solid var(--color-stroke-7); } }
.mo-monogram { width: 88px; height: 88px; border-radius: 50%; display: grid; place-items: center; background: var(--color-gradient-14); color: #1a1a1c; font: 600 30px/1 "Inter Tight", sans-serif; letter-spacing: -.02em; box-shadow: 0 0 0 8px rgba(198, 245, 111, .1); }
.mo-kurucu-ad { margin: 0; font: italic 400 clamp(36px, 4.4vw, 52px)/1.05 "Instrument Serif", Georgia, serif; color: var(--color-accent); }
.mo-alinti { margin: 0; font: 400 clamp(22px, 2.4vw, 28px)/1.4 "Inter Tight", sans-serif; letter-spacing: -.01em; color: var(--color-accent); text-wrap: balance; }
.mo-imza { margin: 0; font: italic 400 34px/1 "Instrument Serif", Georgia, serif; color: var(--mo-lime); }
/* margin-block: tam `margin: 0` yazılırsa temanın mx-auto'su ezilir, çizelge sola kayar */
.mo-yol { list-style: none; margin-block: 0; padding: 0; position: relative; --yol-x: 150px; }
.mo-yol::before { content: ""; position: absolute; left: var(--yol-x); top: 8px; bottom: 8px; width: 2px; background: var(--color-stroke-7); }
/* Dolan çizgi: yüksekliğini kaydırma ilerlemesine göre bolumler.js verir (JS yoksa tam dolu) */
.mo-yol-dolgu { position: absolute; left: var(--yol-x); top: 8px; width: 2px; height: calc(100% - 16px); background: linear-gradient(180deg, #daff95, var(--mo-lime)); box-shadow: 0 0 12px rgba(198, 245, 111, .5); transform-origin: top; z-index: 1; }
.mo-yol-adim { display: grid; grid-template-columns: 150px 1fr; gap: 0 36px; padding: 0 0 34px; position: relative; }
.mo-yol-adim::before { content: ""; position: absolute; left: calc(var(--yol-x) - 6px); top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--mo-lime); border: 2px solid var(--mo-lime); z-index: 2; transition: background .35s ease, border-color .35s ease, box-shadow .35s ease; }
.mo-yol-adim > * { transition: opacity .45s ease; }
/* Canlı kip (JS varsa): henüz gelinmeyen tarih soluk, nokta boş; geçilince yanar */
.mo-yol.canli .mo-yol-adim:not(.gecti) > * { opacity: .35; }
.mo-yol.canli .mo-yol-adim:not(.gecti)::before { background: var(--color-background-5); border-color: var(--color-stroke-7); }
.mo-yol.canli .mo-yol-adim.simdi::before { box-shadow: 0 0 0 6px rgba(198, 245, 111, .18); }
.mo-yol-adim:last-child { padding-bottom: 0; }
.mo-yol-adim time { text-align: right; padding-right: 28px; font: 500 14px/1.6 "IBM Plex Mono", monospace; color: rgba(252, 252, 252, .6); }
.mo-yol-adim > div { display: grid; gap: 6px; }
@media (max-width: 639px) {
  .mo-yol { --yol-x: 6px; }
  .mo-yol-adim { grid-template-columns: 1fr; padding-left: 32px; gap: 4px; }
  .mo-yol-adim time { text-align: left; padding-right: 0; }
}
.mo-ilkeler { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 48px; }
@media (min-width: 768px) { .mo-ilkeler { grid-template-columns: 1fr 1fr; } }
.mo-ilkeler li { display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 26px 0; border-top: 1px solid var(--color-stroke-7); }
.mo-ilke-no { font: italic 400 34px/1 "Instrument Serif", Georgia, serif; color: var(--mo-lime); }
.mo-ilkeler li > div { display: grid; gap: 6px; }

/* ─── Açık tema ─── */
html:not(.dark) .mo-anahtar { background: var(--color-background-4); border-color: var(--color-stroke-3); }
html:not(.dark) .mo-anahtar-top { box-shadow: 0 2px 6px rgba(26, 26, 28, .18); }
html:not(.dark) .mo-anahtar[aria-checked="true"] { background: var(--color-gradient-14); border-color: transparent; }
html:not(.dark) .mo-hero-isik { background: radial-gradient(closest-side, rgba(166, 220, 70, .28), transparent 72%); }
html:not(.dark) .mo-banner { border-color: var(--color-stroke-2); background: #fff; box-shadow: 0 40px 100px -40px rgba(26, 26, 28, .35); }
html:not(.dark) .mo-banner img { filter: grayscale(.6) opacity(.55); }
html:not(.dark) .mo-hero.acildi .mo-banner img { filter: none; }
html:not(.dark) .mo-alt-gecis { background: linear-gradient(180deg, rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, .7) 45%, var(--color-background-2) 88%); }
html:not(.dark) .mo-olay { background: rgba(255, 255, 255, .92); border-color: var(--color-stroke-2); box-shadow: 0 18px 40px -18px rgba(26, 26, 28, .35); }
html:not(.dark) .mo-olay b { color: var(--color-secondary); }
html:not(.dark) .mo-olay small { color: rgba(26, 26, 28, .55); }
html:not(.dark) .mo-serit-oge { color: var(--color-secondary); }
html:not(.dark) .mo-serit-oge.mo-soluk { color: rgba(26, 26, 28, .18); }
html:not(.dark) .mo-grup { color: rgba(26, 26, 28, .5); }
html:not(.dark) .mo-grup span { background: var(--color-secondary); border-color: var(--color-secondary); }
html:not(.dark) .mo-sekme { background: #fff; border-color: var(--color-stroke-2); color: rgba(26, 26, 28, .7); }
html:not(.dark) .mo-sekme:hover { color: var(--color-secondary); }
html:not(.dark) .mo-sekme[aria-selected="true"] { background: var(--color-gradient-14); color: #1a1a1c; }
html:not(.dark) .mo-pano p { color: rgba(26, 26, 28, .7); }
html:not(.dark) .mo-pano img { box-shadow: 0 0 0 1px var(--color-stroke-2); }
html:not(.dark) .mo-zincir span { background: var(--color-background-3); border-color: var(--color-stroke-2); color: var(--color-secondary); }
html:not(.dark) .mo-zincir .mo-zincir-son { background: var(--color-gradient-14); color: #1a1a1c; }
html:not(.dark) .mo-zincir i { background: var(--color-stroke-2); }
html:not(.dark) .mo-zincir i::after { background: linear-gradient(90deg, transparent, #8fc23a, transparent); }
html:not(.dark) .mo-telefonlar img, html:not(.dark) .mo-gun-tel, html:not(.dark) .mo-urun-tel { filter: drop-shadow(0 26px 30px rgba(26, 26, 28, .22)); }
html:not(.dark) .mo-adim-gorsel.tel img { filter: drop-shadow(0 16px 20px rgba(26, 26, 28, .18)); }
html:not(.dark) .mo-kure { opacity: .35; }
html:not(.dark) .mo-gun, html:not(.dark) .mo-tur { background: rgba(255, 255, 255, .95); border-color: var(--color-stroke-2); box-shadow: 0 30px 70px -30px rgba(26, 26, 28, .35); }
html:not(.dark) .mo-gun-bas, html:not(.dark) .mo-gun-alt, html:not(.dark) .mo-tur-sayi { color: rgba(26, 26, 28, .6); }
html:not(.dark) .mo-gun-bas span, html:not(.dark) .mo-adim-no { background: var(--color-secondary); }
html:not(.dark) .mo-gun-bas b, html:not(.dark) .mo-gun time, html:not(.dark) .mo-gun li b, html:not(.dark) .mo-gun-alt b, html:not(.dark) .mo-tur li b, html:not(.dark) .mo-tur-sayi b { color: var(--color-secondary); }
html:not(.dark) .mo-gun li.giris time, html:not(.dark) .mo-gun li.cikis time { color: #5e8a14; }
html:not(.dark) .mo-gun li small, html:not(.dark) .mo-tur time { color: rgba(26, 26, 28, .5); }
html:not(.dark) .mo-gun li, html:not(.dark) .mo-tur li, html:not(.dark) .mo-gun-alt { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-tur-cubuk, html:not(.dark) .mo-adim-gorsel { background: var(--color-background-3); }
html:not(.dark) .mo-kiyas th, html:not(.dark) .mo-kiyas td { color: rgba(26, 26, 28, .65); border-color: var(--color-stroke-2); }
html:not(.dark) .mo-kiyas thead th { color: rgba(26, 26, 28, .45); }
html:not(.dark) .mo-kiyas tbody th, html:not(.dark) .mo-kiyas .mo-kiyas-biz { color: var(--color-secondary); }
html:not(.dark) .mo-kiyas .mo-kiyas-biz { background: rgba(166, 220, 70, .14); }
html:not(.dark) .mo-kiyas thead .mo-kiyas-biz { color: #5e8a14; }
html:not(.dark) .mo-hat-etiket { background: #fff; border-color: var(--color-stroke-2); color: var(--color-secondary); }
html:not(.dark) .mo-hat-son .mo-hat-etiket { background: var(--color-gradient-14); color: #1a1a1c; }
html:not(.dark) .mo-hat-durak::before { background: var(--color-stroke-2); }
html:not(.dark) .mo-bento-gorsel, html:not(.dark) .mo-adim-gorsel { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-liste li { color: rgba(26, 26, 28, .75); }
html:not(.dark) .mo-liste-hayir li::before { background: var(--color-background-4); color: rgba(26, 26, 28, .6); }
html:not(.dark) .mo-kutu-soluk { border-color: var(--color-stroke-3); }
html:not(.dark) .mo-bant { background: linear-gradient(135deg, rgba(255, 122, 107, .12), rgba(255, 122, 107, .02) 55%), #fff; border-color: rgba(220, 80, 60, .25); }
html:not(.dark) .mo-bant-rozet { color: #b8321f; background: rgba(255, 122, 107, .14); }
html:not(.dark) .mo-hesap-sayi, html:not(.dark) .mo-hesap-tutar small { color: rgba(26, 26, 28, .55); }
html:not(.dark) .mo-hesap-sayi b, html:not(.dark) .mo-hesap-tutar span { color: var(--color-secondary); }
html:not(.dark) .mo-kaydirac { background: linear-gradient(90deg, #a6dc46 0%, #bfee67 var(--dolu), var(--color-background-4) var(--dolu)); }
html:not(.dark) .mo-kaydirac::-webkit-slider-thumb { background: #fff; border-color: #8fc23a; }
html:not(.dark) .mo-kademe li { border-color: var(--color-stroke-2); color: rgba(26, 26, 28, .55); }
html:not(.dark) .mo-kademe li b { color: rgba(26, 26, 28, .8); }
html:not(.dark) .mo-kademe li.aktif, html:not(.dark) .mo-kademe li.aktif b { color: #1a1a1c; }
html:not(.dark) .mo-hesap-dip { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-kurucu { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-kurucu-sol { background: radial-gradient(120% 80% at 0% 100%, rgba(166, 220, 70, .22), transparent 60%), var(--color-background-3); border-color: var(--color-stroke-2); }
html:not(.dark) .mo-kurucu-ad, html:not(.dark) .mo-alinti { color: var(--color-secondary); }
html:not(.dark) .mo-imza, html:not(.dark) .mo-ilke-no { color: #6f9a24; }
html:not(.dark) .mo-yol::before { background: var(--color-stroke-2); }
html:not(.dark) .mo-yol-dolgu { background: linear-gradient(180deg, #a6dc46, #8fc23a); box-shadow: none; }
html:not(.dark) .mo-yol-adim::before { background: #8fc23a; border-color: #8fc23a; }
html:not(.dark) .mo-yol.canli .mo-yol-adim:not(.gecti)::before { background: var(--color-background-2); border-color: var(--color-stroke-3); }
html:not(.dark) .mo-yol-adim time { color: rgba(26, 26, 28, .55); }
html:not(.dark) .mo-ilkeler li { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-cerceve { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-banner { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-adim-gorsel.tel { background: radial-gradient(80% 90% at 50% 100%, rgba(166, 220, 70, .2), transparent 70%), var(--color-background-3); }
/* button-v3'ün beyaz çeşidi açık zeminde kayboluyor (canlıda hep video/koyu zemin üstünde) */
html:not(.dark) button.bg-white[data-button-v3] { box-shadow: 0 0 0 1px var(--color-stroke-3); }

@media (prefers-reduced-motion: reduce) {
  .mo-hat-durak::after, .mo-bant-rozet::before { animation: none; }
  .mo-yol-adim > *, .mo-yol-adim::before { transition: none; }
  .mo-zincir i::after { animation: none; }
  .mo-olay, .mo-anahtar, .mo-anahtar-top, .mo-banner img, .mo-hero-isik { transition: none; }
}

/* ─── OtoSignature (ayrı masaüstü ürünü) ─── */
/* Menü: modüllerin altında "Diğer ürünümüz" */
.mo-menu-ayrac { list-style: none; padding: 12px 12px 4px; margin-top: 6px; border-top: 1px solid var(--color-stroke-7); font: 500 11px/1.2 "IBM Plex Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: rgba(252, 252, 252, .45); }
.mo-menu-not { display: block; margin-top: 2px; font-size: 12.5px; opacity: .6; }
html:not(.dark) .mo-menu-ayrac { border-color: var(--color-stroke-2); color: rgba(26, 26, 28, .45); }
/* Hero: ana pencerenin üstüne binen imza alanı penceresi */
.mo-urun-pencere { position: absolute; right: -24px; bottom: -48px; width: 44%; max-width: 330px; height: auto; border-radius: 12px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .08); z-index: 2; }
@media (max-width: 767px) { .mo-urun-pencere { width: 54%; right: -6px; bottom: -30px; border-radius: 8px; } }
html:not(.dark) .mo-urun-pencere { box-shadow: 0 30px 60px -24px rgba(26, 26, 28, .4), 0 0 0 1px var(--color-stroke-2); }
/* Adımlı ekran: solda adımlar, sağda adımın ekranı */
.mo-adimli-sekme { height: auto; padding: 18px 20px; border-radius: 18px; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; text-align: left; }
.mo-adimli-sekme.numarasiz { grid-template-columns: 1fr; }
.mo-adimli-sekme b { display: block; font-weight: 500; font-size: 16px; color: var(--color-accent); }
.mo-adimli-sekme small { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: rgba(252, 252, 252, .6); }
.mo-adimli-sekme[aria-selected="true"] { background: linear-gradient(rgba(198, 245, 111, .08), rgba(198, 245, 111, .08)), var(--color-background-6); border-color: rgba(198, 245, 111, .6); color: inherit; }
.mo-adimli-ekran { background: #f6f8fa; }
.mo-adimli-ekran .mo-pano { aspect-ratio: 16 / 10; }
.mo-adimli-ekran .mo-pano img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: top center; border-radius: 0; background: #f6f8fa; box-shadow: none; }
html:not(.dark) .mo-adimli-sekme b { color: var(--color-secondary); }
html:not(.dark) .mo-adimli-sekme small { color: rgba(26, 26, 28, .6); }
html:not(.dark) .mo-adimli-sekme[aria-selected="true"] { background: #fff; border-color: #9bc93f; box-shadow: 0 10px 30px -18px rgba(26, 26, 28, .35); }
html:not(.dark) .mo-adimli-ekran .mo-pano img { box-shadow: none; }
/* Bento: görüntü kırpılmadan kendi boyunda */
.mo-bento-gorsel.dogal { aspect-ratio: auto; }
.mo-bento-genis .mo-bento-gorsel { aspect-ratio: 16 / 7.5; }
.mo-bento-gorsel.dogal img { height: auto; }
/* İndirme kartları */
.mo-indir-ikon { flex: none; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--color-gradient-14); }
.mo-indir-ikon svg { width: 24px; height: 24px; fill: none; stroke: #1a1a1c; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ─── Canlıdan gelen diğer sayfalar ─── */
.mo-menu-tumu { list-style: none; margin-top: 6px; border-top: 1px solid var(--color-stroke-7); padding-top: 4px; }
.mo-menu-tumu a { color: var(--mo-lime); }
html:not(.dark) .mo-menu-tumu { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-menu-tumu a { color: #5f8a1c; }
/* Hizmetler: grup başlığı solda, kartlar sağda */
.mo-hizmet-gruplar > .mo-hizmet-grup + .mo-hizmet-grup { border-top: 1px solid var(--color-stroke-7); }
.mo-hizmet-grup-ad { font-family: var(--font-instrument-serif); font-style: italic; font-size: 40px; line-height: 1.1; color: var(--color-accent); }
.mo-hizmet-kart { border: 1px solid transparent; transition: border-color .25s ease, transform .25s ease; text-decoration: none; }
.mo-hizmet-kart:hover { border-color: rgba(198, 245, 111, .45); transform: translateY(-2px); }
.mo-hizmet-ok { color: var(--mo-lime); transition: transform .25s ease; }
.mo-hizmet-kart:hover .mo-hizmet-ok { transform: translateX(4px); }
html:not(.dark) .mo-hizmet-gruplar > .mo-hizmet-grup + .mo-hizmet-grup { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-hizmet-grup-ad { color: var(--color-secondary); }
html:not(.dark) .mo-hizmet-kart:hover { border-color: #9bc93f; }
html:not(.dark) .mo-hizmet-ok { color: #5f8a1c; }
/* Blog yazısı: temanın markdown stili h4'ü tanımlamıyor (canlıda da düz yazı gibi duruyor) */
.mo-yazi h4 { margin-top: 40px; font-size: var(--text-heading-6); line-height: 1.3; font-weight: 500; color: var(--color-accent); }
.mo-yazi h4 + p { margin-top: 8px; }
.mo-yazi strong { font-weight: 600; color: var(--color-accent); }
html:not(.dark) .mo-yazi h4, html:not(.dark) .mo-yazi strong { color: var(--color-secondary); }
/* Yasal metinler */
.mo-yasal-metin { color: rgba(252, 252, 252, .7); font-size: 16px; line-height: 1.75; }
.mo-yasal-metin h2.mo-yasal-bolum { margin: 56px 0 8px; font-size: var(--text-heading-5); line-height: 1.25; color: var(--color-accent); }
.mo-yasal-metin h2.mo-yasal-bolum:first-child { margin-top: 0; }
.mo-yasal-metin h3.mo-yasal-baslik { margin: 36px 0 8px; font-size: var(--text-heading-6); line-height: 1.3; color: var(--color-accent); }
.mo-yasal-metin p { margin: 10px 0 0; }
.mo-yasal-metin .mo-yasal-tarih { font: 500 13px/1.5 "IBM Plex Mono", monospace; color: var(--mo-lime); }
.mo-yasal-liste { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.mo-yasal-liste li { position: relative; padding-left: 20px; }
.mo-yasal-liste li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 6px; height: 6px; border-radius: 50%; background: var(--mo-lime); }
html:not(.dark) .mo-yasal-metin { color: rgba(26, 26, 28, .72); }
html:not(.dark) .mo-yasal-metin h2.mo-yasal-bolum, html:not(.dark) .mo-yasal-metin h3.mo-yasal-baslik { color: var(--color-secondary); }
html:not(.dark) .mo-yasal-metin .mo-yasal-tarih { color: #5f8a1c; }
html:not(.dark) .mo-yasal-liste li::before { background: #9bc93f; }
/* Alt bilgi: yasal bağlantılar */
.mo-yasal-alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; }
.mo-yasal-alt a { color: rgba(252, 252, 252, .45); text-decoration: none; }
.mo-yasal-alt a:hover { color: var(--color-accent); }
/* Blog yazısı: temanın gövde stili ardışık paragrafların arasına 70 px koyuyor; gerçek yazıda kopuk duruyor */
.mo-yazi p { margin-top: 20px; }
.mo-yazi h3 + p, .mo-yazi h4 + p { margin-top: 8px; }
.mo-yazi h3:not(:first-child) { margin-top: 56px; }
.mo-yazi ul, .mo-yazi ol { margin-top: 16px; }
.mo-yazi blockquote { margin-top: 24px; }
/* Blog yazısı: tablo (dar ekranda yatay kayar) ve açıklamalı görsel */
.mo-yazi-tablo { margin-top: 24px; overflow-x: auto; border: 1px solid var(--color-stroke-7); border-radius: 14px; }
.mo-yazi-tablo table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.mo-yazi-tablo th, .mo-yazi-tablo td { padding: 12px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--color-stroke-7); color: rgba(252, 252, 252, .72); }
.mo-yazi-tablo thead th { border-top: 0; font: 500 12px/1.4 "IBM Plex Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--mo-lime); background: rgba(255, 255, 255, .03); }
.mo-yazi-tablo td:first-child { color: var(--color-accent); font-weight: 500; }
.mo-yazi-gorsel { margin-top: 32px; }
.mo-yazi-gorsel img { margin-top: 0; width: 100%; border: 1px solid var(--color-stroke-7); }
.mo-yazi-gorsel figcaption { margin-top: 10px; font-size: 14px; line-height: 1.5; color: rgba(252, 252, 252, .5); }
html:not(.dark) .mo-yazi-tablo, html:not(.dark) .mo-yazi-tablo th, html:not(.dark) .mo-yazi-tablo td, html:not(.dark) .mo-yazi-gorsel img { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-yazi-tablo td { color: rgba(26, 26, 28, .72); }
html:not(.dark) .mo-yazi-tablo td:first-child { color: var(--color-secondary); }
html:not(.dark) .mo-yazi-tablo thead th { color: #5f8a1c; background: rgba(0, 0, 0, .03); }
html:not(.dark) .mo-yazi-gorsel figcaption { color: rgba(26, 26, 28, .55); }
/* Karşılaştırma tablosu telefonda: yatay kaydırmada ikinci sütun ekran dışında kalıyordu → satır satır, hücre etiketli */
@media (max-width: 767px) {
  .mo-kiyas-kap { overflow: visible; }
  .mo-kiyas { min-width: 0; }
  .mo-kiyas thead { display: none; }
  .mo-kiyas, .mo-kiyas tbody, .mo-kiyas tr, .mo-kiyas th, .mo-kiyas td { display: block; width: 100%; }
  .mo-kiyas tr { padding: 18px 20px; border-bottom: 1px solid var(--color-stroke-7); }
  .mo-kiyas tbody tr:last-child { border-bottom: 0; }
  .mo-kiyas th, .mo-kiyas td { padding: 0; border: 0; }
  .mo-kiyas tbody th { white-space: normal; margin-bottom: 10px; }
  .mo-kiyas td { padding: 8px 12px; border-radius: 10px; }
  .mo-kiyas td + td { margin-top: 6px; }
  .mo-kiyas td::before { content: attr(data-baslik); display: block; margin-bottom: 2px; font: 500 12px/1.4 "IBM Plex Mono", monospace; color: rgba(252, 252, 252, .45); }
  .mo-kiyas td.mo-kiyas-biz::before { color: var(--mo-lime); }
  html:not(.dark) .mo-kiyas tr { border-color: var(--color-stroke-2); }
  html:not(.dark) .mo-kiyas td::before { color: rgba(26, 26, 28, .45); }
  html:not(.dark) .mo-kiyas td.mo-kiyas-biz::before { color: #5e8a14; }
}
/* Fazla mesai hesaplayıcı (mo.mesaihesap) */
.mo-fm [hidden] { display: none !important; }
.mo-fm-alan { display: block; }
.mo-fm-etiket { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.4; color: rgba(252, 252, 252, .7); }
.mo-fm-kutu { display: flex; align-items: center; height: 56px; padding: 0 16px; border: 1px solid var(--color-stroke-7); border-radius: 14px; background: rgba(255, 255, 255, .03); transition: border-color .2s ease, box-shadow .2s ease; }
.mo-fm-kutu:focus-within { border-color: var(--mo-lime); box-shadow: 0 0 0 3px rgba(198, 245, 111, .18); }
.mo-fm-kutu input { flex: 1; width: 0; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font: 500 20px/1 "Inter Tight", sans-serif; color: var(--color-accent); font-variant-numeric: tabular-nums; }
.mo-fm-kutu i { margin-left: 8px; font-style: normal; font-size: 14px; color: rgba(252, 252, 252, .5); white-space: nowrap; }
.mo-fm-ipucu { display: block; margin-top: 6px; font-size: 13px; color: rgba(252, 252, 252, .45); }
.mo-fm-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mo-fm-iki > * { min-width: 0; }
.mo-fm-iki > [data-fs-alan] { display: contents; }
.mo-fm-yol { padding: 0; border: 0; min-width: 0; margin-inline: 0; }
.mo-fm-sekme { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--color-stroke-7); border-radius: 999px; }
.mo-fm-sekme label { position: relative; cursor: pointer; padding: 8px 16px; border-radius: 999px; font-size: 14px; color: rgba(252, 252, 252, .65); transition: background .2s ease, color .2s ease; }
.mo-fm-sekme input { position: absolute; opacity: 0; pointer-events: none; }
.mo-fm-sekme label:has(input:checked) { background: var(--color-gradient-14); color: #1a1a1c; }
.mo-fm-sekme label:has(input:focus-visible) { outline: 2px solid var(--mo-lime); outline-offset: 2px; }
.mo-fm-sonuc { border-top: 1px solid var(--color-stroke-7); padding-top: 40px; }
@media (min-width: 1024px) { .mo-fm-sonuc { border-top: 0; padding-top: 0; border-left: 1px solid var(--color-stroke-7); padding-left: 56px; } }
.mo-fm-ust { margin: 0 0 12px; font-size: 14px; color: rgba(252, 252, 252, .6); }
.mo-fm-satir { list-style: none; margin: 28px 0 0; padding: 0; }
.mo-fm-satir li { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 12px 0; border-top: 1px solid var(--color-stroke-7); font-size: 15px; color: rgba(252, 252, 252, .75); }
.mo-fm-satir li small { display: block; margin-top: 2px; font-size: 13px; color: rgba(252, 252, 252, .45); }
.mo-fm-satir li b { font-weight: 500; color: var(--color-accent); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mo-fm-serbest { margin: 16px 0 0; font-size: 14px; color: rgba(252, 252, 252, .65); }
.mo-fm-uyari { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255, 196, 0, .3); background: rgba(255, 196, 0, .08); font-size: 14px; color: #ffd977; }
.mo-fm-not { margin: 20px 0 0; font-size: 13px; line-height: 1.55; color: rgba(252, 252, 252, .45); }
.mo-fm-rehber { margin: 14px 0 0; font-size: 14px; }
.mo-fm-rehber a { color: var(--mo-lime); text-decoration: none; }
.mo-fm-rehber a:hover { text-decoration: underline; }
@media (max-width: 480px) {
  .mo-fm-iki { grid-template-columns: minmax(0, 1fr); }
  .mo-fm-sekme { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .mo-fm-sekme label { padding: 8px 6px; text-align: center; font-size: 13px; }
}
html:not(.dark) .mo-fm-etiket { color: rgba(26, 26, 28, .7); }
html:not(.dark) .mo-fm-kutu { border-color: var(--color-stroke-2); background: var(--color-background-2); }
html:not(.dark) .mo-fm-kutu:focus-within { border-color: #8fc23a; box-shadow: 0 0 0 3px rgba(143, 194, 58, .2); }
html:not(.dark) .mo-fm-kutu input { color: var(--color-secondary); }
html:not(.dark) .mo-fm-kutu i, html:not(.dark) .mo-fm-ipucu, html:not(.dark) .mo-fm-not, html:not(.dark) .mo-fm-satir li small { color: rgba(26, 26, 28, .5); }
html:not(.dark) .mo-fm-sekme, html:not(.dark) .mo-fm-sonuc, html:not(.dark) .mo-fm-satir li { border-color: var(--color-stroke-2); }
html:not(.dark) .mo-fm-sekme label { color: rgba(26, 26, 28, .65); }
html:not(.dark) .mo-fm-sekme label:has(input:checked) { color: #1a1a1c; }
html:not(.dark) .mo-fm-ust, html:not(.dark) .mo-fm-serbest, html:not(.dark) .mo-fm-satir li { color: rgba(26, 26, 28, .7); }
html:not(.dark) .mo-fm-satir li b { color: var(--color-secondary); }
html:not(.dark) .mo-fm-uyari { color: #8a6100; background: rgba(255, 196, 0, .12); }
html:not(.dark) .mo-fm-rehber a { color: #5f8a1c; }