/* ==========================================================================
   Faturatek — ORTAK üst menü + alt bilgi + yüzen düğmeler (ana sayfadaki onaylı tasarımın aynısı).
   Ana sayfa dışındaki TÜM sayfalar styles.css'ten SONRA yükler. Menü/alt bilgi HTML'i her sayfada aynı.
   script.js: #header (scrolled / menu-open), #nav (.open), #navToggle → telefonda açılır menü.
   ========================================================================== */
.yh-kap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
/* Sayfa içeriği menüyle AYNI hizada: tüm sayfalarda kap genişliği 1240, kenar 32 (telefonda 20) — ana sayfayla aynı */
:root { --container: 1240px; --kenar: 32px; }
@media (max-width: 960px) { :root { --kenar: 20px; } }

/* ---- Üst menü: lacivert bilgi şeridi (42) + beyaz menü (76); sayfanın üstüne sabit ---- */
.site-header.yh { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; border: 0; border-bottom: 1px solid #E6E8EE;
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; transition: box-shadow .25s; font-family: 'Inter', system-ui, sans-serif; }
/* Ana sayfa: başlık akışta, sayfayla birlikte yapışkan (içerik altına kaymaz) */
.site-header.yh.yh-yapiskan { position: sticky; top: -42px; }
/* Bilgi şeridi (Destek · tel · Mali Müşavirlere Özel) sayfa kayınca YUKARI çekilir, yalnız beyaz menü kalır */
.site-header.yh:not(.yh-yapiskan) { transition: box-shadow .25s, transform .3s cubic-bezier(.16,1,.3,1); }
.site-header.yh.scrolled:not(.yh-yapiskan) { transform: translateY(-42px); }
@media (max-width: 960px) { .site-header.yh.yh-yapiskan { top: 0; } .site-header.yh.scrolled:not(.yh-yapiskan) { transform: none; } }
@media (max-width: 960px) { .yh-yapiskan::before { content: ""; position: fixed; inset: 66px 0 0 0; background: rgba(15,22,34,.35); opacity: 0; visibility: hidden;
  pointer-events: none; transition: opacity .3s, visibility .3s; z-index: -1; } .yh-yapiskan.menu-open::before { opacity: 1; visibility: visible; } }
.site-header.yh.scrolled { border-color: #E6E8EE; box-shadow: 0 8px 24px -14px rgba(17,24,39,.25); }
.yh-serit { background: #1A2635; font-size: 13px; color: #D5DCE8; }
.yh-serit .yh-kap { display: flex; justify-content: flex-end; align-items: center; gap: 26px; height: 42px; }
.yh-serit a { color: #D5DCE8; transition: color .2s; } .yh-serit a:hover { color: #fff; }
.yh-serit a.yh-vurgu { color: #fff; font-weight: 600; }
.yh-bar .yh-kap { position: relative; display: flex; align-items: center; height: 76px; }
.yh-logo { display: inline-flex; align-items: center; }
.yh-logo img { height: 32px; width: auto; }
.yh-nav { margin-left: 56px; display: flex; align-items: center; gap: 30px; font-size: 15px; font-weight: 500; }
.yh-nav a { position: relative; padding: 6px 0; color: #2B3344; transition: color .2s; }
.yh-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: #FF5722;
  transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.yh-nav a:hover::after, .yh-nav a:focus-visible::after, .yh-nav a[aria-current="page"]::after { transform: scaleX(1); }
.yh-nav a[aria-current="page"] { color: #161C28; font-weight: 600; }
.yh-nav .yh-mobil { display: none; }
.yh-sag { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.yh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 24px; border-radius: 10px;
  background: #FF5722; color: #fff; font-size: 15px; font-weight: 600; white-space: nowrap; transition: background .2s; }
.yh-btn:hover { background: #E64A19; color: #fff; }
.yh-btn:focus-visible { outline: 2px solid #FF5722; outline-offset: 3px; }
.yh-giris { height: 40px; padding: 0 20px; border-radius: 8px; font-size: 14px; letter-spacing: .01em; }
.yh-burger { display: none; width: 42px; height: 42px; margin-left: -8px; margin-right: 6px; border: 0; background: none; border-radius: 10px; cursor: pointer;
  flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.yh-burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: #1A2635; transition: transform .3s cubic-bezier(.16,1,.3,1), opacity .2s; }
.site-header.menu-open .yh-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-header.menu-open .yh-burger span:nth-child(2) { opacity: 0; }
.site-header.menu-open .yh-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (max-width: 960px) {
  .yh-kap { padding: 0 20px; }
  .yh-serit { display: none; }
  .yh-bar .yh-kap { height: 66px; }
  .yh-logo img { height: 28px; }
  .yh-burger { display: flex; }
  .yh-giris { height: 38px; padding: 0 16px; }
  .yh-nav { position: absolute; top: 66px; left: 0; right: 0; margin: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 20px 18px;
    background: #fff; border-bottom: 1px solid #E6E8EE; box-shadow: 0 18px 40px rgba(27,37,51,.14);
    opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px);
    transition: opacity .25s ease, transform .3s cubic-bezier(.16,1,.3,1), visibility .25s; }
  .yh-nav.open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .yh-nav a { padding: 14px 2px; font-size: 16px; border-bottom: 1px solid #F0F1F4; }
  .yh-nav a:last-child { border-bottom: 0; }
  .yh-nav a::after { display: none; }
  .yh-nav a[aria-current="page"] { color: #E64A19; }
  .yh-nav .yh-mobil { display: block; }
}

/* ---- Alt bilgi ---- */
/* ===== Alt bilgi v2 (kurumsal): üstte CTA şeridi; marka (logo · tanım · sosyal) + 4 sütun (e-Dönüşüm · Ön Muhasebe · Faturatek ·
   İletişim [ikonlu] + mağaza rozetleri); altta © solda, yasal bağlantılar sağda. Tüm bağlantılar tek renk, üzerine gelince beyaz. ===== */
.af { background: #1A2635; color: #fff; font-size: 14.5px; }
.af-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 48px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.af-cta b { display: block; font-family: 'Sora', 'Inter', system-ui, sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -.025em; }
.af-cta span { display: block; margin-top: 6px; font-size: 15.5px; color: #AEB6C4; }
.af-cta-d { display: flex; align-items: center; gap: 22px; flex: none; }
.af-cta-2 { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #fff; }
.af-cta-2 svg { transition: transform .2s; } .af-cta-2:hover svg { transform: translateX(3px); }
.af-ust { display: grid; grid-template-columns: 1.35fr 1fr 1fr .9fr 1.25fr; gap: 40px; padding: 56px 0 52px; }
.af-marka img { height: 34px; width: auto; }
.af-marka p { margin-top: 18px; max-width: 290px; color: #AEB6C4; line-height: 1.7; }
.af-sosyal { display: flex; gap: 8px; margin-top: 22px; }
.af-sosyal a { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: #C9CFDA;
  border: 1px solid rgba(255,255,255,.12); transition: color .2s, border-color .2s, background .2s; }
.af-sosyal a:hover { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.06); }
.af-sosyal svg { width: 18px; height: 18px; }
.af h4 { margin-bottom: 16px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #8A93A6; }
.af-sutun > a { display: block; width: max-content; max-width: 100%; padding: 6px 0; color: #C9CFDA; transition: color .2s; }
.af-sutun > a:hover { color: #fff; }
.af-iletisim > a, .af-iletisim address { display: flex; align-items: flex-start; gap: 10px; }
.af-iletisim svg { flex: none; margin-top: 3px; color: #8A93A6; }
.af-iletisim address { padding: 6px 0; font-style: normal; color: #C9CFDA; line-height: 1.55; }
.af-magaza { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.af-rozet { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px 0 10px; border-radius: 9px; cursor: default;
  border: 1px solid rgba(255,255,255,.14); color: #fff; font-size: 13.5px; font-weight: 600; line-height: 1.1; }
a.af-rozet { cursor: pointer; text-decoration: none; transition: border-color .15s, background-color .15s; }
a.af-rozet:hover { border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.06); color: #fff; }
.af-rozet svg { width: 20px; height: 20px; flex: none; }
.af-rozet small { display: block; font-size: 10px; font-weight: 500; color: #8A93A6; }
.af-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 0 28px; border-top: 1px solid rgba(255,255,255,.08);
  font-size: 13.5px; color: #8A93A6; }
.af-alt nav { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.af-alt a { color: #8A93A6; transition: color .2s; } .af-alt a:hover { color: #fff; }
@media (max-width: 1100px) { .af-ust { grid-template-columns: 1fr 1fr 1fr; } .af-marka { grid-column: 1 / -1; } .af-iletisim { grid-column: span 3; } }
@media (max-width: 760px) {
  .af-cta { flex-direction: column; align-items: flex-start; padding: 40px 0; }
  .af-cta b { font-size: 22px; }
  .af-cta-d { width: 100%; flex-direction: column; align-items: stretch; gap: 14px; } .af-cta-d .yh-btn { width: 100%; } .af-cta-2 { justify-content: center; }
  .af-ust { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding: 44px 0 40px; }
  .af-iletisim { grid-column: 1 / -1; }
  .af-alt { flex-direction: column; align-items: flex-start; }
}
.af .yh-kap { padding-top: 0; padding-bottom: 0; }
.af a { text-decoration: none; }
@media (max-width: 960px) { .af .yh-kap { padding: 0 20px; } }

/* ---- Yüzen düğmeler: WhatsApp (sol alt) + Başa dön (sağ alt) — script.js oluşturur ---- */
/* Yukarı çık: 54 px lacivert daire + turuncu ilerleme halkası + dik kalın beyaz ok. Üzerine gelince YALNIZ RENK değişir
   (kullanıcı isteği): iç daire SAYDAM AÇIK LACİVERT tona yumuşakça geçer (turuncu değil — kullanıcı isteği). Hareket/yazı yok. */
.scroll-top {
  position: fixed; bottom: 28px; right: 28px; z-index: 95;
  width: 54px; height: 54px; padding: 0; border-radius: 50%; border: 0; cursor: pointer;
  display: grid; place-items: center; color: #fff;
  background: linear-gradient(135deg, #2A3953 0%, #1A2635 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 1px 2px rgba(26,38,53,.25), 0 14px 30px -12px rgba(26,38,53,.6);
  opacity: 0; visibility: hidden; transform: translateY(16px) scale(.9);
  transition: opacity .3s cubic-bezier(.22,.61,.36,1), transform .35s cubic-bezier(.16,1,.3,1), visibility .3s, box-shadow .3s;
}
.scroll-top.show { opacity: 1; visibility: visible; transform: none; }
.scroll-top::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; opacity: 0;
  background: linear-gradient(135deg, rgba(126,156,206,.3) 0%, rgba(86,114,163,.22) 100%); transition: opacity .3s ease; }
.scroll-top:hover::before { opacity: 1; }
.scroll-top:focus-visible { outline: 3px solid rgba(255,87,34,.45); outline-offset: 3px; }
.scroll-top .st-ring { position: absolute; inset: 3px; width: 48px; height: 48px; transform: rotate(-90deg); }
.scroll-top .st-track { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 2.5; transition: stroke .3s; }
.scroll-top .st-prog { fill: none; stroke: #FF5722; stroke-width: 2.5; stroke-linecap: round; transition: stroke .3s; }
.scroll-top .st-arrow { position: relative; width: 22px; height: 22px; color: #fff; }
@media (prefers-reduced-motion: reduce) { .scroll-top { transition: none; } }
@media (max-width: 760px) { .scroll-top { bottom: 18px; right: 18px; } }
/* WhatsApp: Yukarı çık ile AYNI boyda düz yeşil daire (zıplama yok); yalnız ara ara tek, yumuşak bir halka yayılır.
   Üzerine gelince daire sağa doğru HAP'a genişler ve içinde "WhatsApp'tan yazın" yazısı belirir. Telefonda gizli. */
/* WhatsApp: 54 px yeşil daire; ara ara tek yumuşak halka. Üzerine gelince: halka söner, daire genişliği PÜRÜZSÜZ açılır
   (grid 0fr → 1fr; yazı ölçülür, sıçrama yok), yazı + ok kısa gecikmeyle belirir, simge hafif döner, buton 2 px yükselir. */
.wp {
  position: fixed; left: 28px; bottom: 28px; z-index: 95;
  height: 54px; min-width: 54px; padding: 0 15px; border-radius: 999px;
  display: inline-flex; align-items: center;
  background: linear-gradient(135deg, #2EDB6E 0%, #22C35E 100%); color: #fff; text-decoration: none; isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(18,140,74,.25), 0 14px 30px -12px rgba(18,140,74,.6);
  transition: padding .5s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s;
  -webkit-tap-highlight-color: transparent;
}
.wp > svg { width: 24px; height: 24px; flex: none; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.wp::after { content: ""; position: absolute; left: 0; top: 0; width: 54px; height: 54px; border-radius: 50%; z-index: -1;
  box-shadow: 0 0 0 0 rgba(37,211,102,.45); animation: wpHalka 3.2s cubic-bezier(.22,.61,.36,1) infinite; pointer-events: none; transition: opacity .2s; }
.wp .wp-balon { display: grid; grid-template-columns: 0fr; transition: grid-template-columns .5s cubic-bezier(.16,1,.3,1); }
.wp .wp-balon > span { min-width: 0; overflow: hidden; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px;
  font-size: 14.5px; font-weight: 600; letter-spacing: .005em; opacity: 0; transform: translateX(-6px);
  transition: opacity .2s ease, transform .4s cubic-bezier(.16,1,.3,1); }
.wp .wp-balon > span::before { content: ""; flex: none; width: 10px; }   /* simge ile yazı arası */
.wp .wp-balon svg { width: 16px; height: 16px; flex: none; transition: transform .35s cubic-bezier(.16,1,.3,1); }
.wp:hover, .wp:focus-visible { padding: 0 18px 0 15px; transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 2px 4px rgba(18,140,74,.25), 0 20px 36px -12px rgba(18,140,74,.65); }
.wp:hover .wp-balon, .wp:focus-visible .wp-balon { grid-template-columns: 1fr; }
.wp:hover .wp-balon > span, .wp:focus-visible .wp-balon > span { opacity: 1; transform: none; transition-delay: .08s, .05s; }
.wp:hover .wp-balon svg { transform: translateX(2px); }
.wp:hover > svg { transform: rotate(-10deg) scale(1.04); }
.wp:hover::after, .wp:focus-visible::after { animation: none; opacity: 0; }
.wp:active { transform: translateY(0) scale(.98); }
.wp:focus-visible { outline: 3px solid rgba(37,211,102,.45); outline-offset: 3px; }
@keyframes wpHalka { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,.45); } 70%, 100% { box-shadow: 0 0 0 16px rgba(37,211,102,0); } }
@media (max-width: 720px) { .wp { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .wp, .wp::after, .wp *, .wp .wp-balon { animation: none; transition: none; } }

/* ---- Kaydırma çubuğu ---- */
/* Kaydırma çubuğu (BizimHesap düzeni, bizim renkler): 8 px, ray baştan sona TURUNCU, tutamak düz LACİVERT (logo laciverti) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background-color: #FF5722; }
::-webkit-scrollbar-thumb { background: #1A2635; }
::-webkit-scrollbar-thumb:hover { background: #0F1724; }
/* Chrome 121+ scrollbar-color görünce ::-webkit-scrollbar'ı yok sayar → standart özellik yalnız Firefox'a */
@supports not selector(::-webkit-scrollbar) { html { scrollbar-color: #1A2635 #FF5722; } }

/* Sayfada zaten büyük CTA bandı (.cta-band / .article-cta) varsa alt bilgideki CTA şeridi tekrar etmesin */
body:has(.cta-band, .article-cta) .af-cta { display: none; }
body:has(.cta-band, .article-cta) .af-ust { padding-top: 64px; }

/* ==========================================================================
   BLOG LİSTESİ (blog.html) — ana sayfadaki blog bölümüyle AYNI dil: ortalı Poppins başlık, fotoğraflı kartlar (4:3, 18 px köşe),
   tarih · okuma süresi, 2 satır başlık + 2 satır özet, altta "Devamını oku →" (hizalı). 3 sütun → 2 → 1.
   ========================================================================== */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/poppins-500-latin-ext.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: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/poppins-500-latin.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+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.bl-bas { padding: 176px 0 56px; text-align: center; background: #fff; }
.bl-yol .crumbs { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; background: none; border: 0; font-size: 13.5px; color: #8A93A6; }
.bl-yol .crumbs a { color: #5B6475; } .bl-yol .crumbs a:hover { color: #E64A19; }
.bl-yol .crumbs span { margin: 0; color: #FF5722; }
.bl-bas h1 { margin-top: 18px; font-family: 'Poppins', 'Inter', sans-serif; font-weight: 500; font-size: 44px; line-height: 1.2; letter-spacing: -.01em; color: #161C28; }
.bl-bas p { max-width: 560px; margin: 16px auto 0; font-size: 17.5px; line-height: 1.65; color: #5B6475; }
.bl-liste { padding: 8px 0 112px; background: #fff; }
.bl-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 28px; }
.bl-izgara .bk { display: flex; flex-direction: column; color: #161C28; text-decoration: none; }
/* kart bağlantısı "post-thumb" sınıfını taşır (site_seo_ld.py yazı listesini bundan okur) → styles.css'teki eski küçük resim kuralları sıfırlanır */
.bl-izgara .bk.post-thumb { position: static; height: auto; place-items: initial; overflow: visible; color: #161C28; text-align: left; }
.bl-izgara .bk.post-thumb::after { display: none; }
.bl-izgara .bk-kapak { position: relative; aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, #2f3d54, #1b2533);
  box-shadow: 0 18px 34px -26px rgba(26,38,53,.5); }
.bl-izgara .bk-kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,38,53,0) 55%, rgba(26,38,53,.28) 100%); }
.bl-izgara .bk-kapak img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.bl-izgara .bk:hover .bk-kapak img { transform: scale(1.05); }
.bk-meta { display: flex; gap: 14px; margin-top: 20px; font-size: 13px; color: #8A93A6; }
.bk-meta span + span::before { content: "·"; margin-right: 14px; }
.bl-izgara .bk h2 { margin-top: 8px; font-family: 'Sora', 'Inter', sans-serif; font-size: 20px; line-height: 1.35; font-weight: 600; letter-spacing: -.015em; color: inherit;
  min-height: calc(2 * 1.35em); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.bl-izgara .bk:hover h2 { color: #E64A19; }
.bl-izgara .bk p { margin-top: 10px; font-size: 15.5px; line-height: 1.6; color: #5B6475;
  min-height: calc(2 * 1.6em); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bl-izgara .bk-devam { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: auto; padding-top: 16px; font-size: 14.5px; font-weight: 600; color: #161C28; }
.bl-izgara .bk-devam svg { width: 16px; height: 16px; opacity: 1; transition: transform .2s; }
.bl-izgara .bk:hover .bk-devam { color: #E64A19; } .bl-izgara .bk:hover .bk-devam svg { transform: translateX(3px); }
@media (max-width: 1100px) { .bl-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 960px) { .bl-bas { padding: 112px 0 36px; } .bl-bas h1 { font-size: 32px; } .bl-bas p { font-size: 16px; } .bl-liste { padding-bottom: 72px; } }
@media (max-width: 640px) { .bl-izgara { grid-template-columns: 1fr; gap: 40px; } }

/* ==========================================================================
   FİYATLAR (fiyatlar.html, main.fy) — ana sayfa dili: açık başlık, sade başlıklar (Sora, etiket yok), beyaz kartlar + ince çizgi,
   lacivert öne çıkan plan (parıltı yok), panel tablolar, SSS ana sayfadaki kart akordeon. fiyat.js kancalarına dokunulmaz.
   ========================================================================== */
main.fy .section { padding: 96px 0; }
main.fy .bl-bas + .section { padding-top: 8px; padding-bottom: 104px; }
main.fy .section-alt { background: #F7F7F8; }
main.fy .section-head { max-width: 680px; margin: 0 auto 48px; }
main.fy .section-head h2 { font-family: 'Sora', 'Inter', sans-serif; font-size: 40px; line-height: 1.18; font-weight: 700; letter-spacing: -.035em; color: #161C28; margin-bottom: 14px; }
main.fy .section-head p { font-size: 17.5px; line-height: 1.6; color: #5B6475; }
/* Planlar */
main.fy .pricing-iki { grid-template-columns: repeat(2, 1fr); max-width: 920px; margin: 0 auto; gap: 24px; align-items: stretch; }
main.fy .price-card { display: flex; flex-direction: column; padding: 36px; border-radius: 20px; background: #fff; border: 1px solid #E6E8EE;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); transform: none; animation: none; }
main.fy .price-card:hover { transform: none; }
main.fy .price-card.featured { background: #1A2635; border-color: #1A2635; box-shadow: 0 30px 60px -34px rgba(26,38,53,.7); transform: none; }
main.fy .price-card.featured::before, main.fy .price-card.featured::after { display: none; }
main.fy .price-card h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -.015em; }
main.fy .price-desc { margin-top: 6px; font-size: 15px; line-height: 1.55; color: #5B6475; min-height: 3.1em; }
main.fy .price-ucretsiz { font-size: 48px; }
main.fy .price-card.featured .price-desc { color: #AEB6C4; }
main.fy .price { margin: 22px 0 12px; font-family: 'Sora', 'Inter', sans-serif; font-size: 48px; font-weight: 700; letter-spacing: -.04em; line-height: 1; }
main.fy .price .cur { font-size: 24px; vertical-align: baseline; margin-left: 4px; }
main.fy .price .per { margin-left: 6px; font-size: 14.5px; font-weight: 500; letter-spacing: 0; color: #8A93A6; }
main.fy .price-alt { margin-top: 10px; font-size: 14px; font-weight: 600; color: #E64A19; }
main.fy .price-alt a { color: inherit; }
main.fy .price-card.featured .price-alt { color: #FFA26B; }
main.fy .price-tag { position: absolute; top: 24px; right: 24px; left: auto; transform: none; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700;
  letter-spacing: .02em; background: rgba(255,87,34,.14); color: #FFA26B; border: 1px solid rgba(255,138,101,.3); box-shadow: none; }
main.fy .price-card { position: relative; }
main.fy .price-feat { margin: 24px 0 30px; padding-top: 24px; border-top: 1px solid #EEF0F3; gap: 13px; }
main.fy .price-card.featured .price-feat { border-top-color: rgba(255,255,255,.1); }
main.fy .price-feat li { font-size: 15px; color: #2B3344; gap: 12px; }
main.fy .price-card.featured .price-feat li { color: #DDE2EA; }
main.fy .price-feat li::before { content: ""; flex: none; width: 20px; height: 20px; border-radius: 50%; background: #FFF3EE
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF5722' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; color: transparent; box-shadow: none; }
main.fy .price-card.featured .price-feat li::before { background-color: #FF5722;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
main.fy .price-card .btn { margin-top: auto; height: 48px; border-radius: 10px; font-size: 15px; font-weight: 600; box-shadow: none; transform: none; }
main.fy .price-card .btn-outline { background: #fff; color: #161C28; border: 1.5px solid #1A2635; }
main.fy .price-card .btn-outline:hover { background: #1A2635; color: #fff; }
main.fy .price-card .btn-primary { background: #FF5722; color: #fff; border: 0; }
main.fy .price-card .btn-primary:hover { background: #E64A19; }
main.fy .fiyat-not { margin-top: 24px; font-size: 14px; color: #8A93A6; }
/* Kontör paketleri tablosu: tek beyaz panel */
main.fy .section-paket { background: #F7F7F8; }
main.fy .pk-tablo { max-width: 920px; margin: 0 auto; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.fy .pk-satir { border-radius: 0; margin: 0; border: 0; border-top: 1px solid #EEF0F3; background: #fff; box-shadow: none; transform: none; padding-left: 28px; padding-right: 28px; }
main.fy .pk-satir:hover { background: #FAFBFC; transform: none; box-shadow: none; }
main.fy .pk-satir.pk-baslik { border-top: 0; background: #FAFBFC; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #8A93A6; }
main.fy .pk-satir.pk-one { background: #FFF8F4; }
main.fy .pk-ad strong { font-family: 'Sora', 'Inter', sans-serif; font-size: 17px; }
main.fy .pk-toplam { font-family: 'Sora', 'Inter', sans-serif; font-weight: 600; color: #161C28; }
main.fy .pk-tasarruf { color: #15803D; font-weight: 600; }
main.fy .pk-etiket { background: #FF5722; color: #fff; border: 0; }
main.fy .pk-sec { border-radius: 8px; border: 1px solid #DDE1E8; background: #fff; color: #161C28; box-shadow: none; }
main.fy .pk-sec:hover { background: #1A2635; border-color: #1A2635; color: #fff; }
main.fy .pk-one .pk-sec { background: #FF5722; border-color: #FF5722; color: #fff; }
main.fy .pk-one .pk-sec:hover { background: #E64A19; border-color: #E64A19; }
main.fy .paket-notlar { max-width: 920px; margin: 20px auto 0; justify-content: center; font-size: 14px; color: #8A93A6; }
/* Hesaplayıcı: beyaz panel, sonuç lacivert */
main.fy .section-alt:has(.hesap-kart) { background: #fff; }
main.fy .section:has(.feature-grid) { background: #F7F7F8; }
main.fy .section-alt:has(.sss) { background: #fff; }
main.fy .hesap-kart { max-width: 920px; margin: 0 auto; border-radius: 20px; border: 1px solid #E6E8EE; overflow: hidden; background: #fff;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.fy .hesap-girdi { padding: 36px; }
main.fy .hesap-girdi > label:first-child strong { font-family: 'Sora', 'Inter', sans-serif; font-weight: 700; letter-spacing: -.03em; }
main.fy .hesap-girdi input[type=range] { -webkit-appearance: none; appearance: none; height: 4px; border-radius: 999px; outline: none; margin-top: 18px;
  background: linear-gradient(90deg, #FF5722 0 var(--dolu, 10%), #E9EBEF var(--dolu, 10%) 100%); }
main.fy .hesap-girdi input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #fff;
  border: 0; box-shadow: 0 0 0 4px rgba(255,87,34,.25), 0 2px 6px rgba(26,38,53,.3); cursor: pointer; }
main.fy .hesap-girdi input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 0; box-shadow: 0 0 0 4px rgba(255,87,34,.25); }
main.fy .hesap-sonuc { background: #1A2635; padding: 36px; }
main.fy .hs-etiket { font-size: 12.5px; letter-spacing: .02em; text-transform: none; font-weight: 500; color: #AEB6C4; }
main.fy .hs-tutar { font-family: 'Sora', 'Inter', sans-serif; font-weight: 700; letter-spacing: -.04em; }
main.fy .hesap-sonuc .btn { height: 48px; border-radius: 10px; background: #FF5722; box-shadow: none; transform: none; }
main.fy .hesap-sonuc .btn:hover { background: #E64A19; }
/* Her planda: tek panel, ince çizgili hücreler */
main.fy .feature-grid { grid-template-columns: repeat(4, 1fr); gap: 0; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.fy .feature { border: 0; border-radius: 0; box-shadow: none; background: #fff; padding: 28px; transform: none; text-align: left; }
main.fy .feature + .feature { border-left: 1px solid #EEF0F3; }
main.fy .feature:hover { transform: none; box-shadow: none; background: #FAFAFB; }
main.fy .f-ico { width: 44px; height: 44px; border-radius: 12px; margin: 0 0 18px; background: #F2F3F6; color: #3A4456; box-shadow: none; transform: none; }
main.fy .f-ico svg { width: 22px; height: 22px; }
main.fy .feature:hover .f-ico { background: #FFF3EE; color: #FF5722; transform: none; box-shadow: none; }
main.fy .feature h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 16.5px; font-weight: 600; letter-spacing: -.01em; }
main.fy .feature p { font-size: 14.5px; line-height: 1.6; color: #5B6475; }
/* SSS: ana sayfadaki kart akordeon */
main.fy .sss-wrap { max-width: 1240px; }
main.fy .sss { display: block; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.fy .sss details { border: 0; border-radius: 0; border-bottom: 1px solid #EEF0F3; padding: 0; box-shadow: none; background: #fff; transition: background .25s; }
main.fy .sss details:last-child { border-bottom: 0; }
main.fy .sss details[open] { background: #FAFBFC; border-color: #EEF0F3; box-shadow: none; }
main.fy .sss summary { padding: 22px 76px 22px 28px; font-size: 16.5px; font-weight: 600; color: #161C28; transition: color .2s; }
main.fy .sss summary:hover { color: #E64A19; }
main.fy .sss summary::after { content: ""; right: 24px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DDE1E8; background: #fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6475' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat;
  transform: translateY(-50%); transition: transform .3s cubic-bezier(.16,1,.3,1), background-color .25s, border-color .25s; }
main.fy .sss details[open] summary::after { transform: translateY(-50%) rotate(45deg); background-color: #1A2635; border-color: #1A2635;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E"); }
main.fy .sss details p { margin-top: -8px; padding: 0 76px 24px 28px; font-size: 15.5px; line-height: 1.7; color: #5B6475; }
@media (max-width: 960px) {
  main.fy .section { padding: 72px 0; }
  main.fy .section-head h2 { font-size: 30px; }
  main.fy .pricing-iki { grid-template-columns: 1fr; max-width: 480px; }
  main.fy .feature-grid { grid-template-columns: 1fr 1fr; }
  main.fy .feature:nth-child(3) { border-left: 0; } main.fy .feature:nth-child(n+3) { border-top: 1px solid #EEF0F3; }
}
@media (max-width: 640px) {
  main.fy .price-card { padding: 28px 22px; }
  main.fy .pk-satir { padding-left: 16px; padding-right: 16px; }
  main.fy .feature-grid { grid-template-columns: 1fr; } main.fy .feature + .feature { border-left: 0; border-top: 1px solid #EEF0F3; }
  main.fy .sss summary { padding: 18px 60px 18px 18px; font-size: 15.5px; } main.fy .sss summary::after { right: 16px; }
  main.fy .sss details p { padding: 0 18px 20px; }
}

/* ==========================================================================
   ÜRÜN / ÖZELLİK SAYFALARI (main.ur: e-Fatura · e-Arşiv · e-İrsaliye · Ön Muhasebe + Cari · Stok · Fatura Takibi · Gelir Gider ·
   Nakit · Raporlar) — ana sayfa dili: açık başlık, etiketsiz sade başlıklar, gerçek ekran görüntüsü tarayıcı çerçevesinde,
   özellikler tek panel ızgara, adımlar sade panel, SSS kart akordeon. CTA bandı yok (alt bilgi şeridi).
   ========================================================================== */
main.ur .section { padding: 96px 0; }
main.ur .bl-bas + .section { padding-top: 16px; }
main.ur .section-alt { background: #F7F7F8; }
main.ur .section-head { max-width: 720px; margin: 0 auto 48px; }
main.ur .section-head h2, main.ur .about-grid h2 { font-family: 'Sora', 'Inter', sans-serif; font-size: 40px; line-height: 1.18; font-weight: 700; letter-spacing: -.035em; color: #161C28; }
main.ur .section-head h2 { margin-bottom: 14px; }
main.ur .section-head p { font-size: 17.5px; line-height: 1.6; color: #5B6475; }
/* Tanıtım: metin + ekran */
main.ur .about-grid, main.ur .about-grid.about-rev { grid-template-columns: .9fr 1.1fr; gap: 64px; }
main.ur .about-grid.about-rev .feat-visual { order: 2; }
main.ur .about-grid h2 { margin-bottom: 16px; }
main.ur .about-grid .lead-text { font-size: 17.5px; line-height: 1.65; color: #5B6475; }
main.ur .benefit-list { gap: 13px; margin-top: 24px; padding-top: 24px; border-top: 1px solid #EEF0F3; }
main.ur .benefit-list li { padding: 0; border: 0; gap: 12px; font-size: 15.5px; color: #2B3344; align-items: center; }
main.ur .benefit-list li:hover { padding-left: 0; }
main.ur .benefit-list li::before { content: ""; width: 20px; height: 20px; flex: none; border-radius: 50%; color: transparent; box-shadow: none; background: #FFF3EE
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF5722' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }
main.ur .btn-primary { height: 48px; padding: 0 24px; border-radius: 10px; background: #FF5722; box-shadow: none; transform: none; font-size: 15px; }
main.ur .btn-primary:hover { background: #E64A19; transform: none; box-shadow: none; }
main.ur .feat-visual { padding: 0; border-radius: 16px; background: #fff; border: 1px solid rgba(26,38,53,.1); overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 30px 60px -34px rgba(26,38,53,.4); }
main.ur .feat-visual::before { display: none; }
main.ur .feat-visual img { border: 0; border-radius: 0; box-shadow: none; transform: none; }
main.ur .feat-visual:hover img { transform: none; }
main.ur .ur-ekran img { aspect-ratio: 16 / 10; object-fit: cover; object-position: left top; }
main.ur .tp-bar { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #F3F4F7; border-bottom: 1px solid #E6E8EE; }
main.ur .tp-bar i { width: 10px; height: 10px; border-radius: 50%; background: #FF5F57; }
main.ur .tp-bar i:nth-child(2) { background: #FEBC2E; } main.ur .tp-bar i:nth-child(3) { background: #28C840; }
main.ur .tp-bar span { margin-left: 16px; height: 20px; padding: 0 14px; border-radius: 6px; background: #fff; border: 1px solid #E6E8EE;
  display: inline-flex; align-items: center; font-size: 11px; color: #8A93A6; }
/* Özellikler: tek panel, 3 sütun ince çizgili hücreler */
main.ur .feature-grid { grid-template-columns: repeat(3, 1fr); gap: 0; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); counter-reset: none; }
main.ur .feature { border: 0; border-radius: 0; box-shadow: none; background: #fff; padding: 28px; transform: none; text-align: left; transition: background .2s; }
main.ur .feature::after { display: none; }
main.ur .feature:not(:nth-child(3n+1)) { border-left: 1px solid #EEF0F3; }
main.ur .feature:nth-child(n+4) { border-top: 1px solid #EEF0F3; }
main.ur .feature:hover { transform: none; box-shadow: none; background: #FAFAFB; border-color: #EEF0F3; }
main.ur .f-ico { width: 44px; height: 44px; border-radius: 12px; margin: 0 0 18px; background: #F2F3F6; color: #3A4456; box-shadow: none; transform: none; }
main.ur .f-ico svg { width: 22px; height: 22px; }
main.ur .feature:hover .f-ico { background: #FFF3EE; color: #FF5722; transform: none; box-shadow: none; }
main.ur .feature h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 16.5px; font-weight: 600; letter-spacing: -.01em; margin-bottom: 6px; }
main.ur .feature p { font-size: 14.5px; line-height: 1.6; color: #5B6475; }
/* Adımlar: tek panel, 3 hücre, numara turuncu */
main.ur .steps { gap: 0; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.ur .steps::before { display: none; }
main.ur .step, main.ur .step:first-child { padding: 32px; text-align: left; border-left: 0; }
main.ur .step + .step { border-left: 1px solid #EEF0F3; margin-top: 0; padding-top: 32px; }
main.ur .step-no, main.ur .step:hover .step-no { width: auto; height: auto; margin: 0 0 14px; display: block; border-radius: 0; background: none; box-shadow: none; transform: none;
  font-family: 'Sora', 'Inter', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .04em; color: #FF5722; -webkit-text-fill-color: #FF5722; }
main.ur .step h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: -.015em; margin-bottom: 8px; }
main.ur .step p { font-size: 15px; line-height: 1.65; color: #5B6475; }
/* Rehber metni */
main.ur .article-body { max-width: 760px !important; font-size: 16.5px; line-height: 1.75; color: #2B3344; }
main.ur .article-body h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -.015em; margin: 32px 0 10px; color: #161C28; }
main.ur .article-body a { color: #E64A19; }
/* SSS: kart akordeon */
main.ur .faq-wrap { max-width: 1240px; }
main.ur .faq { display: block; background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.ur .faq-item { border: 0; border-radius: 0; border-bottom: 1px solid #EEF0F3; padding: 0; box-shadow: none; background: #fff; transition: background .25s; }
main.ur .faq-item:last-child { border-bottom: 0; }
main.ur .faq-item[open] { background: #FAFBFC; border-color: #EEF0F3; box-shadow: none; }
main.ur .faq-item summary { position: relative; padding: 22px 76px 22px 28px; font-size: 16.5px; font-weight: 600; color: #161C28; transition: color .2s; }
main.ur .faq-item summary:hover { color: #E64A19; }
main.ur .faq-item summary::after { content: ""; position: absolute; right: 24px; top: 50%; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DDE1E8; background: #fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6475' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat;
  transform: translateY(-50%); transition: transform .3s cubic-bezier(.16,1,.3,1), background-color .25s, border-color .25s; font-size: 0; color: transparent; }
main.ur .faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); background-color: #1A2635; border-color: #1A2635;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E"); }
main.ur .faq-item p { margin-top: -8px; padding: 0 76px 24px 28px; font-size: 15.5px; line-height: 1.7; color: #5B6475; }
@media (max-width: 960px) {
  main.ur .section { padding: 72px 0; }
  main.ur .section-head h2, main.ur .about-grid h2 { font-size: 30px; }
  main.ur .about-grid, main.ur .about-grid.about-rev { grid-template-columns: 1fr; gap: 40px; }
  main.ur .feature-grid { grid-template-columns: 1fr 1fr; }
  main.ur .feature:not(:nth-child(3n+1)) { border-left: 0; } main.ur .feature:nth-child(even) { border-left: 1px solid #EEF0F3; }
  main.ur .feature:nth-child(n+3) { border-top: 1px solid #EEF0F3; }
  main.ur .steps { grid-template-columns: 1fr; } main.ur .step + .step { border-left: 0; border-top: 1px solid #EEF0F3; }
}
@media (max-width: 640px) {
  main.ur .feature-grid { grid-template-columns: 1fr; } main.ur .feature:nth-child(even) { border-left: 0; } main.ur .feature + .feature { border-top: 1px solid #EEF0F3; }
  main.ur .faq-item summary { padding: 18px 60px 18px 18px; font-size: 15.5px; } main.ur .faq-item summary::after { right: 16px; }
  main.ur .faq-item p { padding: 0 18px 20px; }
  main.ur .tp-bar { height: 24px; gap: 5px; padding: 0 10px; } main.ur .tp-bar i { width: 7px; height: 7px; } main.ur .tp-bar span { display: none; }
}

/* Konum satırı (Anasayfa › …) ekranda GÖSTERİLMEZ (kullanıcı isteği); HTML'de kalır → site_seo_ld.py BreadcrumbList üretir */
.bl-yol, .page-hero .crumbs { display: none !important; }
.bl-bas h1 { margin-top: 0; }

/* ---- main.ur ekleri: başlıkta eylem düğmesi, 4'lü ızgara, başvuru formu (Bayimiz Olun · İletişim) ---- */
.bl-eylem { margin-top: 28px; display: flex; justify-content: center; gap: 12px; }
main.ur .feature-grid.fg-4 { grid-template-columns: repeat(4, 1fr); }
main.ur .feature-grid.fg-4 .feature:not(:nth-child(3n+1)), main.ur .feature-grid.fg-4 .feature:nth-child(n+4) { border-left: 0; border-top: 0; }
main.ur .feature-grid.fg-4 .feature + .feature { border-left: 1px solid #EEF0F3; }
main.ur .contact-grid { grid-template-columns: .9fr 1.1fr; gap: 64px; }
main.ur .contact-info h2 { font-family: 'Sora', 'Inter', sans-serif; font-size: 40px; line-height: 1.18; font-weight: 700; letter-spacing: -.035em; color: #161C28; margin: 0 0 14px; }
main.ur .contact-info > p { font-size: 17px; line-height: 1.65; color: #5B6475; }
main.ur .ci-ico { background: #F2F3F6; color: #3A4456; box-shadow: none; border: 0; border-radius: 12px; }
main.ur .contact-list a:hover { color: #E64A19; }
main.ur .contact-form { background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; padding: 32px; box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.ur .field label { font-size: 13.5px; font-weight: 600; color: #2B3344; }
main.ur .field input, main.ur .field textarea, main.ur .field select { border: 1px solid #E1E4EA; border-radius: 10px; background: #F7F8FA; font-size: 15px; box-shadow: none; }
main.ur .field input:focus, main.ur .field textarea:focus, main.ur .field select:focus { background: #fff; border-color: #FF5722; box-shadow: 0 0 0 4px rgba(255,87,34,.12); }
main.ur .contact-form .btn-primary { width: 100%; height: 50px; }
main.ur .field-check a { color: #E64A19; }
@media (max-width: 960px) {
  main.ur .feature-grid.fg-4 { grid-template-columns: 1fr 1fr; }
  main.ur .feature-grid.fg-4 .feature:nth-child(3) { border-left: 0; } main.ur .feature-grid.fg-4 .feature:nth-child(n+3) { border-top: 1px solid #EEF0F3; }
  main.ur .contact-grid { grid-template-columns: 1fr; gap: 36px; } main.ur .contact-info h2 { font-size: 30px; }
}
@media (max-width: 640px) {
  main.ur .feature-grid.fg-4 { grid-template-columns: 1fr; } main.ur .feature-grid.fg-4 .feature + .feature { border-left: 0; border-top: 1px solid #EEF0F3; }
  main.ur .contact-form { padding: 22px 18px; }
}
.yh-btn-cerceve { background: #fff; color: #161C28; box-shadow: inset 0 0 0 1.5px #1A2635; }
.yh-btn-cerceve:hover { background: #1A2635; color: #fff; }
/* Tanıtımda görsel yerine yan kart (Mali Müşavirler): düz lacivert, sade */
main.ur .about-side { padding: 36px; border-radius: 20px; background: #1A2635; color: #fff; border: 0; box-shadow: 0 30px 60px -34px rgba(26,38,53,.7); }
main.ur .about-side::before, main.ur .about-side::after { display: none; }
main.ur .about-side h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: #fff; margin: 0 0 10px; }
main.ur .about-side p { font-size: 15.5px; line-height: 1.65; color: #AEB6C4; margin: 0 0 24px; }
main.ur .about-side .yh-btn svg { transition: transform .2s; } main.ur .about-side .yh-btn:hover svg { transform: translateX(3px); }
@media (max-width: 640px) { .bl-eylem { flex-direction: column; align-items: stretch; } }
/* Hakkımızda: İstek Yazılım kartı (logo beyaz zeminde değil, lacivert kartta) + misyon alıntısı sade */
main.ur .about-side .as-istek { height: 44px; width: auto; margin-bottom: 22px; }
main.ur .mission { max-width: 900px; margin: 0 auto; padding: 56px 64px; border-radius: 20px; background: #fff; border: 1px solid #E6E8EE; text-align: center;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.ur .mission::before, main.ur .mission::after { display: none; }
main.ur .mission-mark { position: static; transform: none; width: auto; height: auto; margin: 0 0 8px; display: block; background: none; box-shadow: none; border: 0;
  font-family: 'Sora', 'Inter', sans-serif; font-size: 56px; line-height: .8; color: #FF5722; }
main.ur .mission .q { font-family: 'Sora', 'Inter', sans-serif; font-size: 24px; line-height: 1.5; font-weight: 600; letter-spacing: -.015em; color: #161C28; }
main.ur .mission .q span { color: #E64A19; }
@media (max-width: 640px) { main.ur .mission { padding: 36px 22px; } main.ur .mission .q { font-size: 19px; } }
/* İletişim: harita kartı */
main.ur .contact-map { margin-top: 56px; border-radius: 20px; overflow: hidden; border: 1px solid #E6E8EE; box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
main.ur .contact-map iframe { display: block; width: 100%; height: 380px; border: 0; filter: grayscale(.25); }
@media (max-width: 640px) { main.ur .contact-map { margin-top: 40px; } main.ur .contact-map iframe { height: 300px; } }

/* ==========================================================================
   BLOG YAZISI (main.yz) — blog listesiyle aynı dil: açık ortalı başlık (kategori · tarih · süre), fotoğraf kapak, okunaklı
   760 px metin (Sora ara başlıklar), sade bilgi kutusu, lacivert CTA kartı, altta fotoğraflı "İlgili yazılar".
   ========================================================================== */
main.yz .yz-bas { padding-bottom: 40px; }
.yz-ust { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: #8A93A6; margin-bottom: 18px; }
.yz-kat { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: #FFF3EE; color: #E64A19; font-weight: 600; font-size: 13px; }
.yz-kat:hover { background: #FFE6DA; }
main.yz .yz-bas h1 { max-width: 900px; margin-left: auto; margin-right: auto; }
main.yz .article-wrap { max-width: 808px; padding: 0 24px 96px; }
main.yz .article-cover.yz-kapak { height: auto; aspect-ratio: 16 / 9; display: block; padding: 0; margin-bottom: 44px; border-radius: 20px; background: #1b2533;
  box-shadow: 0 30px 60px -34px rgba(26,38,53,.5); }
main.yz .yz-kapak::before, main.yz .yz-kapak::after { display: none; }
main.yz .yz-kapak img { position: static; width: 100%; height: 100%; object-fit: cover; display: block; }
main.yz .article-body { font-size: 17.5px; line-height: 1.8; color: #2B3344; }
main.yz .article-lead { font-size: 20px; line-height: 1.7; color: #161C28; margin-bottom: 32px; padding: 0; border: 0; background: none; }
main.yz .article-lead::before { display: none; }
main.yz .article-body h2 { font-family: 'Sora', 'Inter', sans-serif; font-size: 27px; line-height: 1.3; font-weight: 700; letter-spacing: -.025em; color: #161C28; margin: 48px 0 14px; }
main.yz .article-body h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 19px; font-weight: 600; letter-spacing: -.015em; color: #161C28; margin: 30px 0 8px; }
main.yz .article-body a { color: #E64A19; }
main.yz .article-body li::marker { color: #FF5722; }
main.yz .callout { margin: 26px 0; padding: 18px 22px; border-radius: 14px; background: #FFF8F4; border: 1px solid #FBD9CB; border-left: 3px solid #FF5722; color: #2B3344; box-shadow: none; }
main.yz .callout::before { display: none; }
main.yz .article-body table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 15.5px; }
main.yz .article-body th, main.yz .article-body td { padding: 12px 14px; border-bottom: 1px solid #EEF0F3; text-align: left; }
main.yz .article-body th { background: #FAFBFC; font-weight: 600; color: #161C28; }
main.yz .article-cta { margin-top: 56px; padding: 40px; border-radius: 20px; background: #1A2635; text-align: left; box-shadow: 0 30px 60px -34px rgba(26,38,53,.7); }
main.yz .article-cta::before, main.yz .article-cta::after { display: none; }
main.yz .article-cta h3 { font-family: 'Sora', 'Inter', sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.025em; color: #fff; }
main.yz .article-cta p { color: #AEB6C4; font-size: 16px; }
main.yz .article-cta .btn { height: 48px; padding: 0 24px; border-radius: 10px; background: #FF5722; box-shadow: none; transform: none; font-size: 15px; }
main.yz .article-cta .btn:hover { background: #E64A19; }
.yz-ilgili { padding: 88px 0 104px; background: #F7F7F8; }
.yz-ilgili h2 { margin-bottom: 36px; text-align: center; font-family: 'Sora', 'Inter', sans-serif; font-size: 34px; font-weight: 700; letter-spacing: -.03em; color: #161C28; }
@media (max-width: 960px) {
  main.yz .article-body { font-size: 16.5px; } main.yz .article-lead { font-size: 18px; } main.yz .article-body h2 { font-size: 23px; }
  main.yz .article-cta { padding: 28px 22px; } .yz-ilgili { padding: 64px 0 72px; } .yz-ilgili h2 { font-size: 27px; }
}
@media (max-width: 640px) { main.yz .article-wrap { padding: 0 20px 72px; } main.yz .article-cover.yz-kapak { border-radius: 16px; margin-bottom: 32px; } }

/* ---- Yasal metinler (main.yz.ys): başlık altında yasal sekmeler, "Son güncelleme" sade satır; 404 ---- */
.ys-sekme { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 28px; padding: 5px; width: max-content; max-width: 100%;
  margin-left: auto; margin-right: auto; background: #F2F3F6; border-radius: 12px; }
.ys-sekme a { padding: 9px 16px; border-radius: 9px; font-size: 14px; font-weight: 600; color: #5B6475; transition: background .2s, color .2s; }
.ys-sekme a:hover { color: #161C28; background: rgba(255,255,255,.6); }
.ys-sekme a[aria-current="page"] { background: #fff; color: #161C28; box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 4px 12px -4px rgba(16,24,40,.12); }
main.ys .yz-bas p { max-width: 640px; }
main.ys .article-wrap { padding-top: 8px; }
main.ys .article-lead.ys-tarih { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: #F2F3F6;
  font-size: 13.5px; font-weight: 600; color: #5B6475; margin-bottom: 28px; }
main.ys .article-body h2 { font-size: 22px; margin-top: 40px; }
main.ys .article-body h2::before { display: none; }
main.ys .article-body h2 { padding-left: 0; border-left: 0; }
.e404 { padding-bottom: 120px; }
.e404-no { font-family: 'Sora', 'Inter', sans-serif; font-size: 140px; line-height: 1; font-weight: 800; letter-spacing: -.06em; color: #FF5722; margin-bottom: 8px; }
@media (max-width: 640px) {
  .ys-sekme { width: auto; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .ys-sekme a { flex: none; padding: 8px 12px; font-size: 13px; }
  .e404-no { font-size: 96px; }
}

/* ==========================================================================
   TELEFON MENÜSÜ v2 (≤ 960 px): menünün altından ekranın sonuna kadar açılan sade sayfa — büyük satırlar + sağda ›,
   seçili sayfa turuncu çizgi; "KURUMSAL" bölümü; altta sabit "Ücretsiz Başlayın" + telefon / WhatsApp. Açıkken sayfa kaymaz.
   ========================================================================== */
@media (max-width: 960px) {
  .yh-nav { bottom: auto; height: calc(100dvh - 66px); overflow-y: auto; padding: 10px 20px calc(24px + env(safe-area-inset-bottom));
    box-shadow: none; border-bottom: 0; display: flex; }
  .yh-nav a:not(.yh-btn) { display: flex; align-items: center; justify-content: space-between; padding: 14px 4px; font-size: 17px; font-weight: 600;
    color: #161C28; border-bottom: 1px solid #F0F1F4; }
  .yh-nav a:not(.yh-btn)::after { content: ""; display: block; position: static; width: 8px; height: 8px; transform: rotate(45deg); border: solid #B8BEC9;
    border-width: 2px 2px 0 0; border-radius: 1px; background: none; }
  .yh-nav a[aria-current="page"] { color: #E64A19; }
  .yh-nav a[aria-current="page"]::after { border-color: #FF5722; }
  .yh-nav a.yh-mobil[aria-current="page"] { color: #E64A19; }
  .yh-nav .yh-m-baslik { display: block; margin: 22px 0 2px; padding: 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8A93A6; }
  .yh-nav a.yh-mobil:not(.yh-btn) { font-size: 16px; font-weight: 500; color: #2B3344; padding: 12px 4px; }
  .yh-nav .yh-m-alt { display: flex; flex-direction: column; gap: 12px; margin-top: auto; padding-top: 22px; }
  .yh-nav .yh-m-alt .yh-btn { width: 100%; height: 50px; font-size: 16px; color: #fff; padding: 0; }
  .yh-m-iletisim { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .yh-nav .yh-m-iletisim a { justify-content: center; gap: 8px; padding: 0; height: 46px; border: 1px solid #E6E8EE; border-radius: 10px; font-size: 14.5px; font-weight: 600; color: #161C28; }
  .yh-nav .yh-m-iletisim a::after { display: none; }
  .yh-nav .yh-m-iletisim a:last-child { color: #128C4A; }
  .yh-nav > * { opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .35s cubic-bezier(.16,1,.3,1); }
  .yh-nav.open > * { opacity: 1; transform: none; }
  .yh-nav.open > *:nth-child(2) { transition-delay: .02s; } .yh-nav.open > *:nth-child(3) { transition-delay: .04s; } .yh-nav.open > *:nth-child(4) { transition-delay: .06s; }
  .yh-nav.open > *:nth-child(5) { transition-delay: .08s; } .yh-nav.open > *:nth-child(6) { transition-delay: .1s; } .yh-nav.open > *:nth-child(n+7) { transition-delay: .12s; }
  html:has(.yh-nav.open) { overflow: hidden; }
  .site-header.menu-open::before { display: none; }
}

/* Telefonda menü düğmesi (☰) kutu içinde: 42 px yuvarlak köşeli, ince çerçeve + açık gri zemin; açıkken lacivert */
@media (max-width: 960px) {
  .yh-burger { width: 42px; height: 42px; margin-left: 0; margin-right: 12px; border: 1px solid #E1E4EA; background: #F7F8FA; border-radius: 11px;
    gap: 4px; transition: background .2s, border-color .2s; }
  .yh-burger span { width: 18px; }
  .site-header.menu-open .yh-burger { background: #1A2635; border-color: #1A2635; }
  .site-header.menu-open .yh-burger span { background: #fff; }
  .site-header.menu-open .yh-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .site-header.menu-open .yh-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}

/* Menü düğmesi v2 (daha kurumsal): beyaz kutu + çok ince çerçeve + yumuşak gölge; çizgiler 2 px yuvarlak, ortadaki kısa (sola hizalı);
   basınca hafif küçülür; açıkken lacivert kutu, çizgiler beyaz × (orta solar) */
@media (max-width: 960px) {
  .yh-burger { width: 40px; height: 40px; border-radius: 12px; background: #fff; border: 1px solid #E6E8EE;
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 2px 6px -2px rgba(16,24,40,.08); align-items: flex-start; padding-left: 10px; gap: 4px;
    transition: background .25s, border-color .25s, box-shadow .25s, transform .15s; -webkit-tap-highlight-color: transparent; }
  .yh-burger:active { transform: scale(.95); }
  .yh-burger span { height: 2px; border-radius: 2px; background: #1A2635; transform-origin: center; }
  .yh-burger span:nth-child(1), .yh-burger span:nth-child(3) { width: 18px; }
  .yh-burger span:nth-child(2) { width: 11px; }
  .site-header.menu-open .yh-burger { background: #1A2635; border-color: #1A2635; box-shadow: 0 6px 14px -6px rgba(26,38,53,.6); }
  .site-header.menu-open .yh-burger span:nth-child(2) { opacity: 0; transform: translateX(-4px); }
}

/* Menü AÇILIŞI v2: panel üstten aşağı perde gibi açılır (clip-path), satırlar ardından sırayla aşağıdan belirir; kapanış daha hızlı ve
   tek parça (satırlar beklemeden söner). Hareket azaltma tercihinde animasyonsuz. */
@media (max-width: 960px) {
  .yh-nav { opacity: 1; visibility: hidden; transform: none; clip-path: inset(0 0 100% 0);
    transition: clip-path .32s cubic-bezier(.4,0,.2,1), visibility 0s linear .32s; }
  .yh-nav.open { visibility: visible; clip-path: inset(0 0 0 0); transition: clip-path .5s cubic-bezier(.16,1,.3,1), visibility 0s; }
  .yh-nav > * { opacity: 0; transform: translateY(12px); transition: opacity .15s ease, transform .15s ease; transition-delay: 0s !important; }
  .yh-nav.open > * { opacity: 1; transform: none; transition: opacity .4s ease, transform .5s cubic-bezier(.16,1,.3,1); }
  .yh-nav.open > *:nth-child(1) { transition-delay: .08s !important; } .yh-nav.open > *:nth-child(2) { transition-delay: .11s !important; }
  .yh-nav.open > *:nth-child(3) { transition-delay: .14s !important; } .yh-nav.open > *:nth-child(4) { transition-delay: .17s !important; }
  .yh-nav.open > *:nth-child(5) { transition-delay: .2s !important; }  .yh-nav.open > *:nth-child(6) { transition-delay: .23s !important; }
  .yh-nav.open > *:nth-child(7), .yh-nav.open > *:nth-child(8) { transition-delay: .27s !important; }
  .yh-nav.open > *:nth-child(9), .yh-nav.open > *:nth-child(10) { transition-delay: .3s !important; }
  .yh-nav.open > *:nth-child(n+11) { transition-delay: .34s !important; }
  .site-header.menu-open { box-shadow: 0 1px 0 #EEF0F3; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-nav, .yh-nav.open, .yh-nav > *, .yh-nav.open > * { transition: none !important; } }
/* "Kurumsal" başlığı kaldırıldı: ikinci grup ince ara boşlukla ayrılır */
@media (max-width: 960px) { .yh-nav a.yh-mobil[href$="hakkimizda.html"] { margin-top: 18px; } }

/* ==========================================================================
   MENÜ AÇILIŞ / KAPANIŞ v3 (son, kusursuz): iOS yay eğrisi.
   Açılış 460 ms: panel perde gibi iner (clip-path) + hafifçe aşağı kayar; satırlar 60 ms sonra 35 ms arayla aşağıdan belirir.
   Kapanış 240 ms: önce satırlar 120 ms'de söner (gecikmesiz), panel yukarı toplanır; görünürlük en sonda kapanır → titreme yok.
   ☰ → × dönüşümü aynı eğri/süreyle; düğme rengi panelle eşzamanlı.
   ========================================================================== */
@media (max-width: 960px) {
  .yh-nav { --ac: cubic-bezier(.32,.72,0,1); --kp: cubic-bezier(.4,0,1,1);
    clip-path: inset(0 0 100% 0); transform: translateY(-6px); visibility: hidden; will-change: clip-path, transform;
    transition: clip-path .24s var(--kp), transform .24s var(--kp), visibility 0s linear .24s; }
  .yh-nav.open { clip-path: inset(0 0 0 0); transform: none; visibility: visible;
    transition: clip-path .46s var(--ac), transform .46s var(--ac), visibility 0s; }
  .yh-nav > * { opacity: 0; transform: translateY(10px); transition: opacity .12s ease, transform 0s linear .12s; transition-delay: 0s !important; }
  .yh-nav.open > * { opacity: 1; transform: none; transition: opacity .36s ease, transform .46s var(--ac); }
  .yh-nav.open > *:nth-child(1) { transition-delay: .06s !important; }  .yh-nav.open > *:nth-child(2) { transition-delay: .095s !important; }
  .yh-nav.open > *:nth-child(3) { transition-delay: .13s !important; }  .yh-nav.open > *:nth-child(4) { transition-delay: .165s !important; }
  .yh-nav.open > *:nth-child(5) { transition-delay: .2s !important; }   .yh-nav.open > *:nth-child(6) { transition-delay: .235s !important; }
  .yh-nav.open > *:nth-child(n+7) { transition-delay: .28s !important; }
  .yh-burger, .yh-burger span { transition: background-color .3s var(--ac, ease), border-color .3s, box-shadow .3s, transform .4s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s; }
  .site-header.yh { transition: box-shadow .3s, transform .3s cubic-bezier(.16,1,.3,1); }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) {
  .yh-nav, .yh-nav.open, .yh-nav > *, .yh-nav.open > *, .yh-burger span { transition: none !important; transform: none !important; }
}

/* Menü düğmesi RENK GEÇİŞİ v2: zemin rengi ara tonlardan (gri) geçmez — lacivert dolgu ayrı katmanda ortadan büyüyerek gelir
   (scale + yay eğrisi), kapanışta küçülerek söner; çizgiler dolgu yarıya gelince beyaza döner. Çerçeve/gölge eşzamanlı. */
@media (max-width: 960px) {
  .yh-burger { position: relative; isolation: isolate; overflow: hidden; background: #fff !important;
    transition: border-color .35s cubic-bezier(.32,.72,0,1), box-shadow .35s cubic-bezier(.32,.72,0,1), transform .15s; }
  .yh-burger::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: #1A2635;
    transform: scale(.2); opacity: 0; transition: transform .3s cubic-bezier(.4,0,1,1), opacity .22s ease .05s; }
  .site-header.menu-open .yh-burger::before { transform: scale(1); opacity: 1; transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .12s ease; }
  .yh-burger span { background: #1A2635 !important; transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s, background-color .18s ease !important; }
  .site-header.menu-open .yh-burger span { background: #fff !important; transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s, background-color .18s ease .08s !important; }
  .site-header.menu-open .yh-burger { border-color: #1A2635; box-shadow: 0 6px 14px -6px rgba(26,38,53,.55); }
}
/* kapanışta dolgu SAYDAMLAŞMAZ (gri ara ton yok): opaklık sonda kapanır, dolgu ortaya doğru küçülerek çekilir; çizgiler dolgu küçülürken laciverte döner */
@media (max-width: 960px) {
  .yh-burger::before { transform: scale(0); transition: transform .26s cubic-bezier(.4,0,.2,1), opacity 0s linear .26s; }
  .site-header.menu-open .yh-burger::before { transform: scale(1); opacity: 1; transition: transform .38s cubic-bezier(.32,.72,0,1), opacity 0s; }
  .yh-burger span { transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s, background-color .12s ease .1s !important; }
  .site-header.menu-open .yh-burger span { transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s, background-color .12s ease .06s !important; }
}
@media (max-width: 960px) { .site-header.menu-open .yh-burger span { transition: transform .42s cubic-bezier(.32,.72,0,1), opacity .2s, width .3s, background-color .1s ease 0s !important; } }

/* MENÜ v4: SOLDAN SAĞA kayarak açılır (çekmece). Açılış 440 ms yay eğrisi, satırlar soldan sırayla gelir; kapanışta sola kayarak çekilir (260 ms). */
@media (max-width: 960px) {
  .yh-nav { clip-path: none !important; transform: translateX(-100%); visibility: hidden; box-shadow: none;
    transition: transform .26s cubic-bezier(.4,0,1,1), visibility 0s linear .26s, box-shadow .26s !important; }
  .yh-nav.open { transform: translateX(0); visibility: visible; box-shadow: 18px 0 40px -24px rgba(26,38,53,.35);
    transition: transform .44s cubic-bezier(.32,.72,0,1), visibility 0s, box-shadow .44s !important; }
  .yh-nav > * { transform: translateX(-14px); }
  .yh-nav.open > * { transform: none; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-nav, .yh-nav.open { transition: none !important; } }

/* ==========================================================================
   MENÜ v5 (kurumsal çekmece): masaüstünde yalnız ad görünür (ikon/açıklama gizli).
   Telefonda: soldan gelen 86 % genişlikte çekmece + sağda karartma perdesi; satır = gri ikon kutusu · ad · kısa açıklama · ›;
   seçili sayfa soluk turuncu zemin + turuncu ikon. Menü düğmesi basınca RENK DEĞİŞTİRMEZ (beyaz kalır, ☰ → ×).
   ========================================================================== */
.yh-nav .yh-m-ik, .yh-nav .yh-m-ad small { display: none; }
.yh-nav .yh-m-ad b { font-weight: inherit; }
@media (max-width: 960px) {
  /* düğme: renk sabit */
  .yh-burger::before { display: none !important; }
  .site-header.menu-open .yh-burger { background: #fff !important; border-color: #E6E8EE !important; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 2px 6px -2px rgba(16,24,40,.08) !important; }
  .site-header.menu-open .yh-burger span, .yh-burger span { background: #1A2635 !important; }
  .yh-burger { -webkit-tap-highlight-color: transparent; }
  /* çekmece */
  .yh-nav { right: auto; width: min(86vw, 380px); padding: 14px 16px calc(20px + env(safe-area-inset-bottom)); background: #fff; }
  .site-header.yh::after { content: ""; position: fixed; left: 0; right: 0; top: 66px; bottom: 0; z-index: -1; background: rgba(15,22,34,.38);
    opacity: 0; visibility: hidden; transition: opacity .26s ease, visibility 0s linear .26s; pointer-events: none; }
  .site-header.yh.menu-open::after { opacity: 1; visibility: visible; transition: opacity .4s ease, visibility 0s; }
  .yh-nav a:not(.yh-btn) { justify-content: flex-start; gap: 14px; padding: 11px 10px; margin: 0 -4px; border: 0; border-radius: 12px; }
  .yh-nav a:not(.yh-btn) + a:not(.yh-btn) { margin-top: 2px; }
  .yh-nav a:not(.yh-btn)::after { margin-left: auto; flex: none; }
  .yh-nav .yh-m-ik { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 11px; background: #F2F3F6; color: #3A4456;
    transition: background .2s, color .2s; }
  .yh-nav .yh-m-ad { display: flex; flex-direction: column; min-width: 0; }
  .yh-nav .yh-m-ad b { font-size: 16px; font-weight: 600; color: #161C28; line-height: 1.25; }
  .yh-nav .yh-m-ad small { display: block; margin-top: 2px; font-size: 13px; font-weight: 400; color: #8A93A6; line-height: 1.35; }
  .yh-nav a:not(.yh-btn):active { background: #F7F8FA; }
  .yh-nav a[aria-current="page"] { background: #FFF5F0; }
  .yh-nav a[aria-current="page"] .yh-m-ik { background: #FFE6DA; color: #E64A19; }
  .yh-nav a[aria-current="page"] .yh-m-ad b { color: #E64A19; }
  .yh-nav .yh-m-alt { padding-top: 18px; border-top: 1px solid #EEF0F3; margin-top: auto; }
  .yh-m-iletisim { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 960px) {
  .yh-nav .yh-m-ad small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .yh-nav .yh-m-iletisim a { justify-content: center; gap: 8px; margin: 0; padding: 0 8px; height: 46px; border: 1px solid #E6E8EE; border-radius: 10px;
    font-size: 14px; font-weight: 600; color: #161C28; white-space: nowrap; }
  .yh-nav .yh-m-iletisim a:last-child { color: #128C4A; }
  .yh-nav .yh-m-iletisim a::after { display: none !important; }
}
@media (max-width: 960px) { .yh-nav .yh-m-iletisim a + a { margin-top: 0; } }

/* ☰ ↔ × DÖNÜŞÜMÜ v3 (iki aşamalı, kurumsal): açılışta çizgiler önce ortada BİRLEŞİR (180 ms), sonra × olacak şekilde DÖNER (240 ms, yay);
   kapanışta tersi — önce düzleşir, sonra ayrılır. Orta çizgi birleşme anında kısalarak kaybolur, dönüşte en son belirir.
   (translate / rotate ayrı özellikler → her aşamanın süresi ayrı) */
@media (max-width: 960px) {
  .yh-burger span, .site-header.menu-open .yh-burger span { transform: none !important; }
  .yh-burger span { translate: 0 0; rotate: 0deg; transform-origin: center;
    transition: rotate .18s cubic-bezier(.4,0,.2,1), translate .22s cubic-bezier(.32,.72,0,1) .16s, opacity .16s ease .2s, width .2s ease .2s !important; }
  .site-header.menu-open .yh-burger span { transition: translate .18s cubic-bezier(.4,0,.2,1), rotate .28s cubic-bezier(.32,.72,0,1) .16s, opacity .12s ease, width .14s ease !important; }
  .site-header.menu-open .yh-burger span:nth-child(1) { translate: 0 6px; rotate: 45deg; }
  .site-header.menu-open .yh-burger span:nth-child(3) { translate: 0 -6px; rotate: -45deg; }
  .site-header.menu-open .yh-burger span:nth-child(2) { opacity: 0; width: 0; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-burger span, .site-header.menu-open .yh-burger span { transition: none !important; } }
/* Çekmece TAM genişlik: soldan gelip ekranın sağına kadar açılır (perde gerekmez) */
@media (max-width: 960px) {
  .yh-nav { width: 100%; right: 0; padding-left: 20px; padding-right: 20px; }
  .yh-nav.open { box-shadow: none; }
  .site-header.yh::after { display: none; }
}

/* MENÜ AÇILIŞI v6 (son): ağır beyaz blok kaydırmak yerine soldan sağa SİLME (clip-path wipe) — panel yerinde durur, görünür alan
   soldan sağa açılır (480 ms yay); satırlar 90 ms sonra 40 ms arayla soldan 16 px kayıp belirir; alt düğmeler en son.
   Kapanış: satırlar 110 ms'de söner, perde sağdan sola kapanır (260 ms). */
@media (max-width: 960px) {
  .yh-nav { transform: none !important; clip-path: inset(0 100% 0 0) !important; visibility: hidden;
    transition: clip-path .26s cubic-bezier(.4,0,.2,1) .06s, visibility 0s linear .32s !important; }
  .yh-nav.open { clip-path: inset(0 0 0 0) !important; visibility: visible;
    transition: clip-path .48s cubic-bezier(.32,.72,0,1), visibility 0s !important; }
  .yh-nav > * { opacity: 0; transform: translateX(-16px); transition: opacity .11s ease, transform 0s linear .12s !important; }
  .yh-nav.open > * { opacity: 1; transform: none; transition: opacity .38s ease, transform .52s cubic-bezier(.32,.72,0,1) !important; }
  .yh-nav.open > *:nth-child(1) { transition-delay: .09s !important; } .yh-nav.open > *:nth-child(2) { transition-delay: .13s !important; }
  .yh-nav.open > *:nth-child(3) { transition-delay: .17s !important; } .yh-nav.open > *:nth-child(4) { transition-delay: .21s !important; }
  .yh-nav.open > *:nth-child(5) { transition-delay: .25s !important; } .yh-nav.open > *:nth-child(6) { transition-delay: .29s !important; }
  .yh-nav.open > *:nth-child(n+7) { transition-delay: .36s !important; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-nav, .yh-nav.open, .yh-nav > *, .yh-nav.open > * { transition: none !important; } }

/* MENÜ KAPANIŞI v2: satırlar TERS sırayla (alttaki düğmeler önce, e-Fatura en son) 30 ms arayla sola 10 px kayarak söner;
   ardından perde sağdan sola yumuşak (ease-in-out) kapanır. Toplam ~420 ms; görünürlük en sonda kapanır. */
@media (max-width: 960px) {
  .yh-nav:not(.open) { transition: clip-path .3s cubic-bezier(.65,0,.35,1) .12s, visibility 0s linear .44s !important; }
  .yh-nav:not(.open) > * { opacity: 0; transform: translateX(-10px); transition: opacity .16s ease, transform .2s cubic-bezier(.4,0,1,1) !important; }
  .yh-nav:not(.open) > *:nth-child(n+7) { transition-delay: 0s !important; }
  .yh-nav:not(.open) > *:nth-child(6) { transition-delay: .03s !important; } .yh-nav:not(.open) > *:nth-child(5) { transition-delay: .05s !important; }
  .yh-nav:not(.open) > *:nth-child(4) { transition-delay: .07s !important; } .yh-nav:not(.open) > *:nth-child(3) { transition-delay: .09s !important; }
  .yh-nav:not(.open) > *:nth-child(2) { transition-delay: .11s !important; } .yh-nav:not(.open) > *:nth-child(1) { transition-delay: .13s !important; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-nav:not(.open), .yh-nav:not(.open) > * { transition: none !important; } }

/* MENÜ İKONU v3 (sade, kurumsal): çerçevesiz/gölgesiz yumuşak gri kutu (#F3F4F6), İKİ ince çizgi (alttaki kısa, sağa hizalı),
   basınca hafif koyulaşır; açılınca iki çizgi ortada birleşip × olur (ortası yok). */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { width: 42px; height: 42px; border: 0 !important; border-radius: 12px; box-shadow: none !important;
    background: #F3F4F6 !important; padding: 0; align-items: center; justify-content: center; gap: 6px; }
  .yh-burger:active { background: #E9EBEF !important; transform: scale(.96); }
  .yh-burger span:nth-child(2) { display: none; }
  .yh-burger span { height: 2px; border-radius: 2px; }
  .yh-burger span:nth-child(1) { width: 18px; }
  .yh-burger span:nth-child(3) { width: 12px; align-self: flex-end; margin-right: 12px; }
  .site-header.menu-open .yh-burger span:nth-child(1) { translate: 0 4px; rotate: 45deg; }
  .site-header.menu-open .yh-burger span:nth-child(3) { translate: 0 -4px; rotate: -45deg; width: 18px; }
}

/* MENÜ AÇILIŞI v7 (son): perde/silme yerine panel SOLDAN 32 px kayarak + solarak gelir (420 ms yay) — ağır blok hareketi yok,
   iOS sayfa hissi; satırlar 70 ms sonra 35 ms arayla soldan belirir. Kapanış: satırlar ters sırayla söner, panel sola 20 px kayıp solar. */
@media (max-width: 960px) {
  .yh-nav { clip-path: none !important; opacity: 0; transform: translateX(-32px) !important; visibility: hidden;
    transition: opacity .24s ease .1s, transform .3s cubic-bezier(.4,0,1,1) .1s, visibility 0s linear .4s !important; }
  .yh-nav.open { opacity: 1; transform: none !important; visibility: visible;
    transition: opacity .3s ease, transform .42s cubic-bezier(.32,.72,0,1), visibility 0s !important; }
  .yh-nav.open > *:nth-child(1) { transition-delay: .07s !important; } .yh-nav.open > *:nth-child(2) { transition-delay: .105s !important; }
  .yh-nav.open > *:nth-child(3) { transition-delay: .14s !important; } .yh-nav.open > *:nth-child(4) { transition-delay: .175s !important; }
  .yh-nav.open > *:nth-child(5) { transition-delay: .21s !important; } .yh-nav.open > *:nth-child(6) { transition-delay: .245s !important; }
  .yh-nav.open > *:nth-child(n+7) { transition-delay: .3s !important; }
  /* telefon · WhatsApp kutuları aynı hizada */
  .yh-nav .yh-m-iletisim { align-items: stretch; }
  .yh-nav .yh-m-iletisim a, .yh-nav .yh-m-iletisim a + a { margin: 0 !important; height: 48px; box-sizing: border-box; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .yh-nav, .yh-nav.open { transition: none !important; transform: none !important; } }
/* Menü ikon kutusu: soluk turuncu zemin + koyu turuncu çizgiler (açıkken de aynı renk) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { background: #FFF1EA !important; }
  .yh-burger:active { background: #FFE3D6 !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { background: #E64A19 !important; }
}

/* ==========================================================================
   MENÜ ANİMASYONU — SON SÜRÜM (önceki tüm menü geçişlerini geçersiz kılar)
   Açılış: beyaz panel 220 ms'de yumuşakça belirir (ağır blok kaydırma / perde yok); satırlar panelle birlikte yukarıdan 8 px inerek
   45 ms arayla sırayla gelir (380 ms, yay eğrisi); alttaki düğmeler en son. Üst çubuk ile panel arasında çizgi yok → tek yüzey.
   Kapanış: satırlar hareketsiz, 120 ms'de BİRLİKTE söner; panel 60 ms sonra 180 ms'de solar; görünürlük en sonda kapanır.
   ========================================================================== */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { clip-path: none !important; transform: none !important; box-shadow: none !important; will-change: opacity;
    opacity: 0; visibility: hidden;
    transition: opacity .18s cubic-bezier(.4,0,.2,1) .06s, visibility 0s linear .26s !important; }
  .site-header.yh .yh-nav.open { opacity: 1; visibility: visible;
    transition: opacity .22s cubic-bezier(.2,0,0,1), visibility 0s !important; }
  .site-header.yh .yh-nav > * { opacity: 0; transform: translate3d(0, -8px, 0); will-change: opacity, transform;
    transition: opacity .12s ease, transform 0s linear .12s !important; transition-delay: 0s !important; }
  .site-header.yh .yh-nav.open > * { opacity: 1; transform: none;
    transition: opacity .3s cubic-bezier(.2,0,0,1), transform .38s cubic-bezier(.32,.72,0,1) !important; }
  .site-header.yh .yh-nav.open > *:nth-child(1) { transition-delay: .04s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(2) { transition-delay: .085s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(3) { transition-delay: .13s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(4) { transition-delay: .175s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(5) { transition-delay: .22s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(6) { transition-delay: .265s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(n+7) { transition-delay: .32s !important; }
  .site-header.yh .yh-nav:not(.open) > * { transition: opacity .12s ease, transform 0s linear .12s !important; transition-delay: 0s !important; }
  .site-header.yh.menu-open { box-shadow: none !important; border-bottom-color: transparent !important; }
  .site-header.yh.menu-open::after { display: none !important; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) {
  .site-header.yh .yh-nav, .site-header.yh .yh-nav.open, .site-header.yh .yh-nav > *, .site-header.yh .yh-nav.open > * { transition: none !important; transform: none !important; }
}
@media (max-width: 960px) {
  .site-header.yh .yh-nav { transition: opacity .17s cubic-bezier(.4,0,.2,1) .1s, visibility 0s linear .3s !important; }
  .site-header.yh .yh-nav.open { transition: opacity .16s cubic-bezier(.2,0,0,1), visibility 0s !important; }
  .site-header.yh .yh-nav:not(.open) > * { transition: opacity .1s ease, transform 0s linear .1s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(1) { transition-delay: .07s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(2) { transition-delay: .11s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(3) { transition-delay: .15s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(4) { transition-delay: .19s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(5) { transition-delay: .23s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(6) { transition-delay: .27s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(n+7) { transition-delay: .32s !important; }
}

/* MENÜ — SOLDAN SAĞA (iOS itme geçişi, SON): opak panel soldan tam kayarak gelir (440 ms yay, sağ kenarında gölge);
   aynı anda arkadaki sayfa 56 px sağa çekilir ve hafifçe kararır → derinlik. Satırlar panel yerleşirken soldan 20 px kayıp sırayla belirir.
   Kapanış (320 ms): satırlar 90 ms'de söner, panel sola çekilir, sayfa yerine döner. */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { opacity: 1 !important; transform: translate3d(-100%, 0, 0) !important; visibility: hidden; will-change: transform;
    box-shadow: 10px 0 30px -10px rgba(16,24,40,.25) !important;
    transition: transform .32s cubic-bezier(.55,0,.45,1) .05s, visibility 0s linear .4s !important; }
  .site-header.yh .yh-nav.open { transform: translate3d(0, 0, 0) !important; visibility: visible;
    transition: transform .44s cubic-bezier(.32,.72,0,1), visibility 0s !important; }
  .site-header.yh .yh-nav > * { transform: translate3d(-20px, 0, 0); }
  .site-header.yh .yh-nav.open > * { transform: none; transition: opacity .32s cubic-bezier(.2,0,0,1), transform .46s cubic-bezier(.32,.72,0,1) !important; }
  .site-header.yh .yh-nav:not(.open) > * { transition: opacity .09s ease, transform 0s linear .1s !important; transition-delay: 0s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(1) { transition-delay: .12s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(2) { transition-delay: .155s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(3) { transition-delay: .19s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(4) { transition-delay: .225s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(5) { transition-delay: .26s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(6) { transition-delay: .295s !important; }
  .site-header.yh .yh-nav.open > *:nth-child(n+7) { transition-delay: .34s !important; }
  /* arkadaki sayfa: sağa çekilir + kararır */
  .site-header.yh ~ * { transition: transform .32s cubic-bezier(.55,0,.45,1) .05s, filter .32s ease .05s; }
  .site-header.yh.menu-open ~ * { transform: translate3d(56px, 0, 0); filter: brightness(.82);
    transition: transform .44s cubic-bezier(.32,.72,0,1), filter .44s ease; }
  .site-header.yh.menu-open ~ .wp, .site-header.yh.menu-open ~ .scroll-top { opacity: 0; pointer-events: none; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) {
  .site-header.yh .yh-nav, .site-header.yh .yh-nav.open, .site-header.yh ~ *, .site-header.yh.menu-open ~ * { transition: none !important; }
  .site-header.yh.menu-open ~ * { transform: none; }
}

/* LOGO PARILTISI: üst menüdeki logonun üzerinden ara ara çapraz bir ışık geçer (logonun kendi şekliyle maskelenir → yalnız harflerde
   parlar, beyaz zeminde iz bırakmaz). 6 sn'de bir, 1,1 sn süren geçiş; üzerine gelince hemen bir kez daha. Hareketi azaltmada kapalı. */
.yh-logo { position: relative; }
.yh-logo::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  -webkit-mask: url(logo-web.png) center / 100% 100% no-repeat; mask: url(logo-web.png) center / 100% 100% no-repeat;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.0) 42%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.0) 58%, transparent 62%) no-repeat;
  background-size: 300% 100%; background-position: 100% 0; animation: logoParilti 6s cubic-bezier(.45,0,.25,1) 1.2s infinite; }
.yh-logo:hover::after { animation: logoPariltiTek 1.1s cubic-bezier(.45,0,.25,1); }
@keyframes logoParilti { 0% { background-position: 100% 0; } 18% { background-position: 0% 0; } 100% { background-position: 0% 0; } }
@keyframes logoPariltiTek { from { background-position: 100% 0; } to { background-position: 0% 0; } }
@media (prefers-reduced-motion: reduce) { .yh-logo::after { animation: none; } }

/* MENÜ TAM EKRAN: panel ekranın en üstünden en altına (100dvh) uzanır; üst çubuktaki logo · ✕ · Giriş Yap panelin ÜSTÜNDE kalır
   (panel başlığın yığın bağlamında z-index:-1 → başlık zemininin üstünde, başlık öğelerinin altında). Çentikli iPhone payı dahil. */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100dvh; z-index: -1;
    padding-top: calc(78px + env(safe-area-inset-top)); overflow-y: auto; overscroll-behavior: contain; }
  .site-header.yh.menu-open { background: #fff; }
  .site-header.yh .yh-bar, .site-header.yh .yh-bar .yh-kap { background: transparent; }
}
@media (max-width: 960px) {
  .site-header.yh .yh-nav { width: 100vw; right: auto; }
  html:has(.yh-nav.open), html:has(.yh-nav.open) body { overflow-x: clip; }
}

/* Menü açılırken BÜYÜME/KÜÇÜLME YOK: menü düğmesinde basma ölçeği kaldırıldı; arkadaki sayfa kaydırılmaz (yalnız hafif kararır);
   panel yüksekliği 100dvh yerine üst+alt 0 (iPhone araç çubuğu açılıp kapanınca panel boyu zıplamaz). */
@media (max-width: 960px) {
  .yh-burger:active { transform: none !important; }
  .site-header.yh.menu-open ~ * { transform: none !important; }
  .site-header.yh ~ * { transition: filter .32s ease !important; }
  .site-header.yh .yh-nav { height: auto !important; top: 0; bottom: 0; }
}

/* ==========================================================================
   MOBİL UYGULAMA SAYFASI (uygulama.html) — telefonda "Giriş Yap" buraya gelir.
   ========================================================================== */
.ua-bas { padding: 150px 0 72px; overflow: hidden; background: radial-gradient(700px 420px at 85% 10%, #FFEDE4 0%, rgba(255,237,228,0) 70%), #fff; }
.ua-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ua-marka { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.ua-marka img { width: 56px; height: 56px; border-radius: 15px; box-shadow: 0 12px 24px -12px rgba(255,87,34,.7); }
.ua-marka b { display: block; font-family: 'Sora', 'Inter', sans-serif; font-size: 17px; color: #161C28; }
.ua-marka small { display: block; font-size: 13px; color: #8A93A6; }
.ua-metin h1 { font-family: 'Sora', 'Inter', sans-serif; font-size: 52px; line-height: 1.08; font-weight: 700; letter-spacing: -.04em; color: #161C28; }
.ua-metin h1 span { color: #FF5722; }
.ua-metin > p { margin-top: 18px; max-width: 480px; font-size: 17.5px; line-height: 1.65; color: #5B6475; }
.ua-rozetler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ua-rozet { display: inline-flex; align-items: center; gap: 12px; height: 58px; padding: 0 22px 0 18px; border-radius: 14px; background: #111418; color: #fff;
  text-decoration: none; font-size: 17px; font-weight: 600; line-height: 1.1; box-shadow: 0 14px 28px -18px rgba(17,20,24,.8); transition: transform .2s, background .2s; }
.ua-rozet svg { width: 26px; height: 26px; flex: none; }
.ua-rozet small { display: block; font-size: 11px; font-weight: 500; color: #B8BEC9; }
a.ua-rozet:not([aria-disabled="true"]):hover { background: #000; transform: translateY(-1px); }
.ua-rozet[aria-disabled="true"] { opacity: .9; cursor: default; }
.ua-not { margin-top: 16px !important; font-size: 14px !important; color: #8A93A6 !important; }
.ua-gorsel { position: relative; height: 560px; }
.ua-tel { position: absolute; left: 50%; top: 0; width: 250px; padding: 9px; border-radius: 46px; background: #0B0D12; transform: translateX(-70%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 40px 70px -30px rgba(26,38,53,.55); }
.ua-tel2 { top: 60px; transform: translateX(10%) rotate(4deg); width: 230px; z-index: -1; opacity: .96; }
.ua-ekran { position: relative; overflow: hidden; border-radius: 37px; background: #fff; padding-top: 30px; padding-bottom: 20px; }
.ua-ekran::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 30px; background: #FF5722; }
.ua-ekran img { position: relative; display: block; width: 100%; height: auto; }
.ua-ada { position: absolute; z-index: 2; top: 7px; left: 50%; transform: translateX(-50%); width: 70px; height: 20px; border-radius: 999px; background: #000; }
.ua-ekran::after { content: ""; position: absolute; left: 50%; bottom: 7px; width: 34%; height: 4px; transform: translateX(-50%); border-radius: 999px; background: #161C28; }
.ua-ozellik { padding: 24px 0 104px; }
.ua-ozellikler { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border: 1px solid #E6E8EE; border-radius: 20px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,38,53,.04), 0 24px 48px -36px rgba(26,38,53,.28); }
.ua-ozellikler > div { padding: 28px; }
.ua-ozellikler > div + div { border-left: 1px solid #EEF0F3; }
.ua-ik { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #FFF3EE; color: #E64A19; margin-bottom: 16px; }
.ua-ozellikler b { display: block; font-family: 'Sora', 'Inter', sans-serif; font-size: 17px; font-weight: 600; color: #161C28; }
.ua-ozellikler p { margin-top: 6px; font-size: 15px; line-height: 1.6; color: #5B6475; }
@media (max-width: 960px) {
  .ua-bas { padding: 96px 0 40px; }
  .ua-izgara { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .ua-marka { justify-content: center; }
  .ua-metin h1 { font-size: 40px; }
  .ua-metin > p { margin-left: auto; margin-right: auto; font-size: 16.5px; }
  .ua-rozetler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .ua-rozet { justify-content: center; height: 56px; padding: 0 10px; font-size: 15.5px; }
  .ua-gorsel { height: 470px; }
  .ua-tel { width: 210px; padding: 8px; border-radius: 40px; transform: translateX(-72%); }
  .ua-tel2 { width: 190px; top: 46px; transform: translateX(-4%) rotate(4deg); }
  .ua-ekran { border-radius: 32px; }
  .ua-ozellik { padding: 8px 0 72px; }
  .ua-ozellikler { grid-template-columns: 1fr; }
  .ua-ozellikler > div + div { border-left: 0; border-top: 1px solid #EEF0F3; }
  .ua-ozellikler > div { padding: 22px; text-align: left; display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; }
  .ua-ik { grid-row: span 2; margin: 0; }
  .ua-ozellikler p { margin-top: 2px; }
}
.ua-gorsel { isolation: isolate; }
/* Mobil uygulama sayfası: GERÇEK uygulama ikonu (turuncu degrade + beyaz F), iOS köşe oranı (%22,5), ince iç çerçeve + yumuşak gölge */
.ua-marka img { width: 64px; height: 64px; border-radius: 22.5%; box-shadow: 0 0 0 1px rgba(16,24,40,.06), 0 14px 28px -12px rgba(230,74,25,.55); }
@media (max-width: 960px) { .ua-marka img { width: 72px; height: 72px; } }

/* MENÜ AÇ/KAPAT İKONU — isteksoft.com ile AYNI: 44 px, 12 px köşe; üç EŞİT çizgi (kenarlardan 12 px, 2 px, 5 px aralık);
   açılınca üst/alt aynı anda kayıp döner (×), orta çizgi daralıp söner — tek hareket .32s cubic-bezier(.6,.05,.3,1). Zemin soluk turuncu kalır. */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { position: relative; display: block !important; width: 44px; height: 44px; padding: 0; border-radius: 12px; gap: 0; }
  .yh-burger span, .site-header.menu-open .yh-burger span { display: block !important; position: absolute; left: 12px; right: 12px; width: auto !important; height: 2px;
    margin: 0 !important; border-radius: 2px; align-self: auto; translate: none !important; rotate: none !important; opacity: 1;
    transition: transform .32s cubic-bezier(.6,.05,.3,1), opacity .18s ease !important; }
  .yh-burger span:nth-child(1) { top: 16px; transform: none !important; }
  .yh-burger span:nth-child(2) { top: 21px; transform: none !important; }
  .yh-burger span:nth-child(3) { top: 26px; transform: none !important; }
  .site-header.menu-open .yh-burger span:nth-child(1) { transform: translateY(5px) rotate(45deg) !important; }
  .site-header.menu-open .yh-burger span:nth-child(2) { opacity: 0; transform: scaleX(.3) !important; }
  .site-header.menu-open .yh-burger span:nth-child(3) { transform: translateY(-5px) rotate(-45deg) !important; }
}
/* Mobil uygulama sayfası: kayıt sonrası başarı bandı (uygulama.html?kayit=1) */
.ua-basari { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 12px 16px; border-radius: 14px; background: #ECFDF3; border: 1px solid #B7EBCB; text-align: left; }
.ua-basari[hidden] { display: none; }
.ua-basari > span { display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 50%; background: #16A34A; color: #fff; }
.ua-basari b { display: block; font-size: 15px; color: #14532D; }
.ua-basari small { display: block; margin-top: 1px; font-size: 13.5px; color: #3F6B50; }
/* Düğme dokunuşu (tüm sayfalar, telefon): gri vurgu yok, basınca %97 + koyulaşma */
.yh-btn, .btn { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.yh-btn { transition: background .2s, color .2s, transform .35s cubic-bezier(.32,.72,0,1); }
.yh-btn:active { transform: scale(.97); background: #D84315; transition: background .08s, transform .12s ease-out; }
.yh-btn-cerceve:active { background: #1A2635; color: #fff; }
@media (hover: none) { .yh-btn:hover { background: #FF5722; } .yh-btn-cerceve:hover { background: #fff; color: #161C28; } }

/* ==========================================================================
   FİYATLAR — TELEFON (≤ 640 px): sıkı ritim (bölüm 56 px), küçük başlıklar; plan kartları kompakt; kontör paketleri 2 sütun KART ızgara
   (kart tamamı dokunulur, seçili/öne çıkan turuncu); hesaplayıcı satırları taşmaz; "Her planda" 2×2 kompakt ızgara.
   ========================================================================== */
@media (max-width: 640px) {
  main.fy .bl-bas { padding: 96px 0 24px; }
  main.fy .bl-bas h1 { font-size: 30px; }
  main.fy .bl-bas p { font-size: 15px; line-height: 1.6; }
  main.fy .section { padding: 56px 0; }
  main.fy .bl-bas + .section { padding-bottom: 56px; }
  main.fy .section-head { margin-bottom: 28px; }
  main.fy .section-head h2 { font-size: 26px; }
  main.fy .section-head p { font-size: 15px; }
  /* planlar */
  main.fy .pricing-iki { gap: 14px; }
  main.fy .price-card { padding: 24px 20px; border-radius: 18px; }
  main.fy .price-desc { min-height: 0; font-size: 14px; }
  main.fy .price, main.fy .price-ucretsiz { font-size: 40px; margin: 16px 0 8px; }
  main.fy .price-feat { margin: 18px 0 22px; padding-top: 18px; gap: 11px; }
  main.fy .price-feat li { font-size: 14.5px; }
  main.fy .price-tag { top: 20px; right: 18px; }
  /* kontör paketleri: 2 sütun kart */
  main.fy .pk-tablo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: none; border: 0; box-shadow: none; border-radius: 0; overflow: visible; }
  main.fy .pk-satir.pk-baslik { display: none; }
  main.fy .pk-satir { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 16px 16px 14px; border: 1px solid #E6E8EE !important;
    border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(26,38,53,.04); }
  main.fy .pk-satir.pk-one { background: #FFF8F4; border-color: #FBC9B3 !important; }
  main.fy .pk-ad { font-size: 13px; color: #8A93A6; gap: 4px; }
  main.fy .pk-ad strong { font-size: 22px; color: #161C28; }
  main.fy .pk-etiket { position: absolute; top: -9px; right: 12px; font-size: 10.5px; padding: 3px 8px; }
  main.fy .pk-toplam { order: 2; margin-top: 8px; text-align: left; font-size: 17px; }
  main.fy .pk-birim { order: 3; text-align: left; font-size: 12.5px; }
  main.fy .pk-birim strong { font-weight: 600; color: #5B6475; }
  main.fy .pk-tasarruf { order: 1; position: absolute; top: 16px; right: 14px; font-size: 12px; }
  main.fy .pk-tasarruf.yok { display: none; }
  main.fy .pk-sec { order: 4; justify-self: stretch; align-self: stretch; justify-content: center; margin-top: 12px; height: 38px; }
  main.fy .pk-sec::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
  main.fy .paket-notlar { margin-top: 16px; display: block; padding: 0 4px; }
  main.fy .paket-notlar li { margin-top: 4px; font-size: 13px; }
  /* hesaplayıcı */
  main.fy .hesap-kart { border-radius: 18px; }
  main.fy .hesap-girdi, main.fy .hesap-sonuc { padding: 22px 20px; }
  main.fy .hs-tutar { font-size: 36px; }
  main.fy .hs-detay li { display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: 13.5px; }
  main.fy .hs-detay li span { white-space: nowrap; }
  main.fy .hesap-olcek span:nth-child(2), main.fy .hesap-olcek span:nth-child(4) { visibility: hidden; }
  /* her planda: 2×2 */
  main.fy .feature-grid { grid-template-columns: 1fr 1fr !important; }
  main.fy .feature { padding: 18px 16px; }
  main.fy .feature + .feature { border-top: 0; border-left: 0; }
  main.fy .feature:nth-child(even) { border-left: 1px solid #EEF0F3 !important; }
  main.fy .feature:nth-child(n+3) { border-top: 1px solid #EEF0F3 !important; }
  main.fy .f-ico { width: 36px; height: 36px; margin-bottom: 12px; border-radius: 10px; }
  main.fy .f-ico svg { width: 18px; height: 18px; }
  main.fy .feature h3 { font-size: 14.5px; line-height: 1.3; }
  main.fy .feature p { font-size: 13px; line-height: 1.5; margin-top: 4px; }
  /* SSS */
  main.fy .sss summary { padding: 16px 56px 16px 16px; font-size: 15px; }
  main.fy .sss summary::after { right: 14px; width: 28px; height: 28px; }
  main.fy .sss details p { padding: 0 16px 18px; font-size: 14.5px; }
}

/* ==========================================================================
   TÜM İÇ SAYFALAR — TELEFON (≤ 640 px), Fiyatlar ile aynı dil: sıkı başlık alanı, 56 px bölüm ritmi, küçük başlıklar;
   ekran görüntüsü YAKINLAŞTIRILMIŞ (sol üst kırpık, okunur); özellikler 2 sütun; adımlar numara solda yatay satır; SSS sıkı;
   tanıtım düğmesi tam genişlik. (ürün sayfaları · bayi · mali müşavir · hakkımızda · iletişim · blog · yazılar · yasal)
   ========================================================================== */
@media (max-width: 640px) {
  .bl-bas { padding: 96px 0 28px; }
  .bl-bas h1 { font-size: 30px; line-height: 1.2; }
  .bl-bas p { font-size: 15px; line-height: 1.6; }
  .bl-eylem { margin-top: 20px; }
  main.ur .section { padding: 56px 0; }
  main.ur .bl-bas + .section { padding-top: 8px; }
  main.ur .section-head { margin-bottom: 28px; }
  main.ur .section-head h2, main.ur .about-grid h2, main.ur .contact-info h2 { font-size: 26px; }
  main.ur .section-head p, main.ur .about-grid .lead-text, main.ur .about-grid p { font-size: 15px; line-height: 1.65; }
  main.ur .about-grid, main.ur .about-grid.about-rev { gap: 28px; }
  main.ur .benefit-list { margin-top: 18px; padding-top: 18px; gap: 11px; }
  main.ur .benefit-list li { font-size: 14.5px; }
  main.ur .about-grid .hero-cta .btn, main.ur .about-grid .btn-primary { width: 100%; justify-content: center; }
  /* ekran görüntüsü: yakın plan */
  main.ur .ur-ekran { border-radius: 14px; }
  main.ur .ur-ekran img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; object-position: left top; }
  main.ur .ur-ekran { --yak: 1; }
  main.ur .ur-ekran img { transform: scale(1.75); transform-origin: left top; }
  main.ur .ur-ekran { overflow: hidden; }
  /* özellikler: 2 sütun */
  main.ur .feature-grid, main.ur .feature-grid.fg-4 { grid-template-columns: 1fr 1fr !important; border-radius: 18px; }
  main.ur .feature, main.ur .feature-grid.fg-4 .feature { padding: 18px 16px; border: 0 !important; }
  main.ur .feature:nth-child(even) { border-left: 1px solid #EEF0F3 !important; }
  main.ur .feature:nth-child(n+3) { border-top: 1px solid #EEF0F3 !important; }
  main.ur .f-ico { width: 36px; height: 36px; margin-bottom: 12px; border-radius: 10px; }
  main.ur .f-ico svg { width: 18px; height: 18px; }
  main.ur .feature h3 { font-size: 14.5px; line-height: 1.3; }
  main.ur .feature p { font-size: 13px; line-height: 1.5; margin-top: 4px; }
  /* adımlar: yatay satır */
  main.ur .steps { border-radius: 18px; }
  main.ur .step, main.ur .step:first-child { display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; padding: 18px 18px !important; }
  main.ur .step-no, main.ur .step:hover .step-no { grid-row: span 2; margin: 2px 0 0; width: 34px; height: 34px; display: grid !important; place-items: center;
    border-radius: 10px; background: #FFF3EE !important; font-size: 13px; }
  main.ur .step h3 { font-size: 16px; margin-bottom: 4px; }
  main.ur .step p { font-size: 14px; line-height: 1.55; }
  /* rehber metni */
  main.ur .article-body { font-size: 15.5px; line-height: 1.7; }
  main.ur .article-body h3 { font-size: 18px; margin: 24px 0 6px; }
  /* SSS */
  main.ur .faq-item summary { padding: 16px 56px 16px 16px; font-size: 15px; }
  main.ur .faq-item summary::after { right: 14px; width: 28px; height: 28px; }
  main.ur .faq-item p { padding: 0 16px 18px; font-size: 14.5px; }
  /* yan kart / form / harita / misyon */
  main.ur .about-side { padding: 24px 20px; border-radius: 18px; }
  main.ur .contact-form { padding: 20px 16px; }
  main.ur .contact-list li { font-size: 14.5px; }
  /* blog listesi + yazılar */
  .bl-liste { padding-bottom: 56px; }
  .bl-izgara { gap: 32px; }
  main.yz .article-cover.yz-kapak { margin-bottom: 26px; }
  .yz-ilgili { padding: 56px 0 64px; }
  .yz-ilgili h2 { font-size: 24px; margin-bottom: 24px; }
}
/* Menü ikon kutusu: BEYAZ zemin + ince LACİVERT çerçeve, çizgiler lacivert (açıkken de aynı) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { background: #fff !important; border: 1.5px solid #1A2635 !important; box-shadow: none !important; }
  .yh-burger:active { background: #F3F4F6 !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { background: #1A2635 !important; left: 11px; right: 11px; }
  .yh-burger span:nth-child(1) { top: 15px; } .yh-burger span:nth-child(2) { top: 20px; } .yh-burger span:nth-child(3) { top: 25px; }
}
/* Menü ikon kutusu biraz küçük: 38 px, çerçeve 1.2 px, köşe 10 px; çizgiler kenardan 10 px, 4.5 px aralık */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { width: 38px !important; height: 38px !important; border-radius: 10px !important; border-width: 1.2px !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { left: 10px; right: 10px; height: 1.8px; }
  .yh-burger span:nth-child(1) { top: 12.5px; } .yh-burger span:nth-child(2) { top: 17.3px; } .yh-burger span:nth-child(3) { top: 22.1px; }
  .site-header.menu-open .yh-burger span:nth-child(1) { transform: translateY(4.8px) rotate(45deg) !important; }
  .site-header.menu-open .yh-burger span:nth-child(3) { transform: translateY(-4.8px) rotate(-45deg) !important; }
}
/* Menü ikon kutusu içi soluk turuncu (lacivert çerçeve + lacivert çizgiler kalır) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { background: #FFF1EA !important; }
  .yh-burger:active { background: #FFE3D6 !important; }
}
/* Menü ikon kutusu çerçevesi soluk lacivert */
@media (max-width: 960px) { .yh-burger, .site-header.menu-open .yh-burger { border-color: rgba(26,38,53,.28) !important; } }
/* Menü paneli üst çubuğun ALTINDAN başlar (logo · menü · Giriş Yap bölgesinin üstünden/arkasından geçmez); ekranın kalanını tam kaplar */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { top: 66px !important; bottom: 0 !important; height: auto !important; padding-top: 14px !important; z-index: 1 !important; box-shadow: none !important; }
  .site-header.yh.menu-open .yh-bar { box-shadow: 0 1px 0 #EEF0F3; }
}
/* Telefonda Giriş Yap biraz küçük: 36 px yükseklik, 14 px yan boşluk, 13.5 px yazı */
@media (max-width: 960px) { .yh-giris { height: 36px !important; padding: 0 14px !important; font-size: 13.5px !important; border-radius: 9px !important; } }
/* Menü ikon kutusu içi biraz daha turuncu */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { background: #FFE2D3 !important; }
  .yh-burger:active { background: #FFD3BD !important; }
}
/* Menü ikon kutusu: logo laciverti (#1A2635) zemin, beyaz çizgiler (açıkken de) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { background: #1A2635 !important; border-color: #1A2635 !important; }
  .yh-burger:active { background: #2A3953 !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { background: #fff !important; }
}
/* Menü ikon kutusu biraz büyük: 40 px (çizgiler ortalı) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger { width: 40px !important; height: 40px !important; border-radius: 11px !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { left: 11px; right: 11px; }
  .yh-burger span:nth-child(1) { top: 13.5px; } .yh-burger span:nth-child(2) { top: 18.3px; } .yh-burger span:nth-child(3) { top: 23.1px; }
}

/* Başa dön (telefon): dokunduktan sonra turuncu "hover" takılı kalmasın; basınca kısa geri bildirim */
@media (hover: none) {
  .scroll-top:hover::before { opacity: 0 !important; }
  .scroll-top:active::before { opacity: 1 !important; transition: opacity .06s; }
}
.scroll-top { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* TELEFON ÜST ÇUBUK: logo EN SOLDA, menü düğmesi EN SAĞDA; "Giriş Yap" üst çubuktan kalktı → menüde "Ücretsiz Başlayın"ın altında */
@media (max-width: 960px) {
  .yh-bar .yh-kap { justify-content: space-between; }
  .yh-logo { order: 1; margin: 0; }
  .yh-burger { order: 3; margin: 0 !important; }
  .yh-sag { display: none !important; }
  .yh-nav .yh-m-alt .yh-m-giris { height: 50px; font-size: 16px; padding: 0; background: #fff; color: #161C28; box-shadow: inset 0 0 0 1.5px #1A2635; }
  .yh-nav .yh-m-alt .yh-m-giris:active { background: #1A2635; color: #fff; }
}
@media (min-width: 961px) { .yh-m-giris { display: none !important; } }
/* Menü düğmesi KUTUSUZ: zemin/çerçeve/gölge yok, yalnız lacivert üç çizgi ve × (dokunma alanı 40 px kalır) */
@media (max-width: 960px) {
  .yh-burger, .site-header.menu-open .yh-burger, .yh-burger:active { background: transparent !important; border: 0 !important; box-shadow: none !important; }
  .yh-burger span, .site-header.menu-open .yh-burger span { background: #1A2635 !important; height: 2px; left: 9px; right: 9px; }
  .yh-burger span:nth-child(1) { top: 13px; } .yh-burger span:nth-child(2) { top: 19px; } .yh-burger span:nth-child(3) { top: 25px; }
  .site-header.menu-open .yh-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
  .site-header.menu-open .yh-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }
  .yh-burger { margin-right: -9px !important; }
}
/* Menü çizgileri biraz kalın: 2.4 px (ortalar korunur) */
@media (max-width: 960px) {
  .yh-burger span, .site-header.menu-open .yh-burger span { height: 2.4px !important; border-radius: 2px; }
  .yh-burger span:nth-child(1) { top: 12.8px; } .yh-burger span:nth-child(2) { top: 18.8px; } .yh-burger span:nth-child(3) { top: 24.8px; }
}
@media (max-width: 960px) { .yh-burger { margin-right: -5px !important; } }
@media (max-width: 960px) { .yh-burger span, .site-header.menu-open .yh-burger span { left: 11px !important; right: 11px !important; } }
@media (max-width: 960px) { .yh-burger span, .site-header.menu-open .yh-burger span { left: 10px !important; right: 10px !important; } }
@media (max-width: 960px) { .yh-burger span, .site-header.menu-open .yh-burger span { background: #FF5722 !important; } }

/* MENÜ AŞAĞIDAN AÇILIR (son): panel üst çubuğun altındaki alanı kaplar; aşağıdan yukarı kayarak gelir (440 ms yay), satırlar
   aşağıdan 14 px yükselerek sırayla belirir; kapanışta aşağı kayarak çekilir (300 ms). Arka sayfa sabit, hafif kararır. */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { transform: translate3d(0, 100%, 0) !important;
    transition: transform .3s cubic-bezier(.55,0,.45,1) .05s, visibility 0s linear .36s !important; }
  .site-header.yh .yh-nav.open { transform: translate3d(0, 0, 0) !important;
    transition: transform .44s cubic-bezier(.32,.72,0,1), visibility 0s !important; }
  .site-header.yh .yh-nav > * { transform: translate3d(0, 14px, 0); }
  .site-header.yh .yh-nav.open > * { transform: none; }
}
@media (max-width: 960px) and (prefers-reduced-motion: reduce) { .site-header.yh .yh-nav, .site-header.yh .yh-nav.open { transition: none !important; } }

/* ==========================================================================
   TELEFON MENÜSÜ — SADE GÖRÜNÜM (son): ikon kutusu, açıklama, › ve satır çizgileri YOK; büyük düz yazılar, ferah aralık;
   altta ince ayraç + iki tam genişlik düğme (turuncu "Ücretsiz Başlayın", gri çerçeveli "Giriş Yap"). Telefon/WhatsApp gizli.
   ========================================================================== */
@media (max-width: 960px) {
  .site-header.yh .yh-nav { padding: 10px 24px calc(24px + env(safe-area-inset-bottom)) !important; }
  .site-header.yh .yh-nav a:not(.yh-btn) { display: block; margin: 0; padding: 16px 0; border: 0 !important; border-radius: 0; background: none !important;
    font-size: 19px; font-weight: 500; color: #161C28; letter-spacing: -.005em; }
  .site-header.yh .yh-nav a:not(.yh-btn) + a:not(.yh-btn) { margin-top: 0; }
  .site-header.yh .yh-nav a:not(.yh-btn)::after { display: none !important; }
  .site-header.yh .yh-nav .yh-m-ik, .site-header.yh .yh-nav .yh-m-ad small { display: none !important; }
  .site-header.yh .yh-nav .yh-m-ad { display: inline; }
  .site-header.yh .yh-nav .yh-m-ad b { font-size: inherit; font-weight: inherit; color: inherit; }
  .site-header.yh .yh-nav a[aria-current="page"] { color: #E64A19; }
  .site-header.yh .yh-nav a[aria-current="page"] .yh-m-ad b { color: #E64A19; }
  .site-header.yh .yh-nav a:not(.yh-btn):active { color: #E64A19; }
  .site-header.yh .yh-nav .yh-m-alt { margin: auto -24px 0; padding: 22px 24px 0; border-top: 1px solid #EEF0F3; gap: 12px; }
  .site-header.yh .yh-nav .yh-m-alt .yh-btn { height: 54px; border-radius: 12px; font-size: 17px; }
  .site-header.yh .yh-nav .yh-m-alt .yh-m-giris { background: #fff; color: #161C28; box-shadow: inset 0 0 0 1.5px #D5D9E0; }
  .site-header.yh .yh-nav .yh-m-iletisim { display: none !important; }
}

/* Telefonda art arda dokunuş (ör. hesaplayıcı + / −) çift dokunma yakınlaştırması yapmasın */
a, button, input, select, textarea, label, summary, [role="button"],
.kt-hesap, .kt-hesap * { touch-action: manipulation; }