/* misketim.com v4 kurumsal dil — ortak katman (Ozan 10-11).
   Ana sayfa v4 hero'su + özellik filmleriyle aynı dil: açık zemin, ince ızgara, renkli ışık, DM Sans 900 başlık, gradyanlı ikinci satır,
   lacivert bölümler, "Siz" balonuyla açılan bölümler, mobilde uygulama hissi (alt sekme çubuğu).
   Yalnız yeni tasarım açıkken yüklenir (layouts/master.php → $yeniTasarim). Sınıflar s4- önekli: eski Tailwind sınıflarıyla çakışmaz. */

:root{
  --s4-ink:#0b1220;--s4-ink-2:#334155;--s4-muted:#5b6475;--s4-soft:#8a93a6;--s4-line:rgba(15,23,42,.08);--s4-line-2:#e2e8f0;
  --s4-bg:#f8fafc;--s4-navy:#0f172a;--s4-v1:#4865ce;--s4-v2:#8b5cf6;--s4-v3:#38bdf8;
  --s4-r:22px;--s4-golge:0 1px 2px rgba(15,23,42,.04),0 18px 40px -22px rgba(40,56,120,.28);
  --s4-golge-b:0 0 0 1px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04),0 30px 60px -24px rgba(40,56,120,.32);
  --s4-ease:cubic-bezier(.2,.8,.2,1);
}
body.s4{background:var(--s4-bg);color:var(--s4-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.s4 ::selection{background:rgba(72,101,206,.18)}

/* ── düzen ── */
.s4-kap{max-width:1180px;margin:0 auto;padding:0 24px}
.s4-kap-dar{max-width:820px;margin:0 auto;padding:0 24px}
.s4-kap-genis{max-width:1320px;margin:0 auto;padding:0 24px}
.s4-bolum{padding:104px 0;position:relative}
.s4-bolum-sik{padding:72px 0;position:relative}
.s4-beyaz{background:#fff}
.s4-yumusak{background:linear-gradient(180deg,#f8fafc,#eef2fb)}
.s4-orta{text-align:center}
.s4-orta .s4-p,.s4-orta .s4-lead{margin-left:auto;margin-right:auto}

/* ── sayfa başı (hero) ── */
.s4-hero{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 88px}
.s4-hero.s4-hero-sik{padding:56px 0 64px}
.s4-izgara{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(to right,rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.045) 1px,transparent 1px);
  background-size:56px 56px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 35%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 75% at 50% 35%,#000 25%,transparent 75%)}
.s4-isik{position:absolute;z-index:-1;pointer-events:none;width:900px;height:900px;left:50%;top:-420px;margin-left:-450px;filter:blur(10px);
  background:radial-gradient(closest-side at 40% 45%,rgba(72,101,206,.16),transparent 70%),radial-gradient(closest-side at 65% 60%,rgba(139,92,246,.13),transparent 70%),radial-gradient(closest-side at 55% 30%,rgba(56,189,248,.12),transparent 70%);
  animation:s4Isik 14s ease-in-out infinite alternate}
@keyframes s4Isik{to{transform:translate3d(40px,30px,0) scale(1.08)}}
.s4-iz{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--s4-soft);margin-bottom:22px;flex-wrap:wrap}
.s4-iz a{color:var(--s4-soft);text-decoration:none;transition:color .2s}
.s4-iz a:hover{color:var(--s4-ink)}
.s4-iz svg{opacity:.6}
.s4-ust{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--s4-ink-2);background:#fff;border:1px solid var(--s4-line);
  padding:6px 13px 6px 6px;border-radius:999px;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:22px}
.s4-ust .ik{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--s4-v1),var(--s4-v2));color:#fff}
.s4-ust .nok{width:4px;height:4px;border-radius:50%;background:#c3c9d6}
.s4-ust .canli{display:inline-flex;align-items:center;gap:6px;color:var(--s4-v1)}
.s4-ust .canli i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:s4Nabiz 1.8s ease-out infinite}
.s4-ust .yesil{color:#059669}
@keyframes s4Nabiz{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 50%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
.s4-h1{font-weight:900;letter-spacing:-.035em;line-height:1.03;font-size:clamp(38px,5.2vw,68px);color:var(--s4-ink);margin:0;text-wrap:balance}
.s4-h1 .s4-sat{display:block}
.s4-h1-orta{font-size:clamp(34px,4.2vw,54px)}
.s4-grad{background:linear-gradient(90deg,var(--s4-v1),var(--s4-v2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.s4-grad-yesil{background-image:linear-gradient(90deg,#059669,#0ea5e9)}
.s4-lead{margin:22px 0 0;font-size:19px;line-height:1.6;color:var(--s4-muted);max-width:36em;text-wrap:pretty}
.s4-lead strong{color:var(--s4-ink);font-weight:600}
.s4-h2{font-weight:900;font-size:clamp(32px,4.2vw,54px);line-height:1.05;letter-spacing:-.03em;color:var(--s4-ink);margin:0 0 18px;text-wrap:balance}
.s4-h3{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--s4-ink);margin:0 0 8px}
.s4-p{font-size:18px;color:var(--s4-muted);max-width:36em;margin:0;line-height:1.6;text-wrap:pretty}
.s4-etiket{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--s4-v1);margin-bottom:14px}
.s4-not{margin-top:20px;font-size:13.5px;color:var(--s4-soft);display:flex;gap:16px;flex-wrap:wrap}
.s4-not span{display:inline-flex;align-items:center;gap:6px}
.s4-not svg{color:var(--s4-v1);flex:none}
.s4-orta .s4-not,.s4-orta .s4-ctas{justify-content:center}

/* ── düğmeler ── */
.s4-ctas{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.s4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:14px;white-space:nowrap;font-size:16px;padding:14px 22px;
  text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .2s var(--s4-ease),box-shadow .2s,background .2s,border-color .2s,color .2s}
.s4-btn:hover{transform:translateY(-2px)}
.s4-btn:active{transform:translateY(0) scale(.98)}
.s4-btn svg{transition:transform .2s}
.s4-btn:hover svg{transform:translateX(2px)}
.s4-btn-ana{background:linear-gradient(135deg,var(--s4-v1),var(--s4-v2));color:#fff;box-shadow:0 10px 24px -10px rgba(72,101,206,.7),inset 0 1px 0 rgba(255,255,255,.22)}
.s4-btn-ana:hover{box-shadow:0 16px 30px -12px rgba(72,101,206,.75),inset 0 1px 0 rgba(255,255,255,.22)}
.s4-btn-koyu{background:var(--s4-navy);color:#fff;box-shadow:0 14px 26px -12px rgba(15,23,42,.5)}
.s4-btn-acik{background:#fff;color:var(--s4-ink);border:1px solid rgba(15,23,42,.12);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.s4-btn-acik:hover{border-color:rgba(72,101,206,.4)}
.s4-btn-beyaz{background:#fff;color:var(--s4-navy)}
.s4-btn-cizgi{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.s4-btn-cizgi:hover{border-color:rgba(255,255,255,.55)}
.s4-btn-buyuk{font-size:17px;padding:17px 28px;border-radius:16px}
.s4-btn-tam{width:100%}

/* ── kartlar ── */
.s4-kart{background:#fff;border:1px solid var(--s4-line-2);border-radius:var(--s4-r);padding:28px;box-shadow:0 1px 2px rgba(15,23,42,.03);
  transition:transform .3s var(--s4-ease),border-color .25s,box-shadow .3s}
a.s4-kart,.s4-kart.s4-oynak{text-decoration:none;color:inherit;display:block}
a.s4-kart:hover,.s4-kart.s4-oynak:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 22px 40px -24px rgba(72,101,206,.45)}
.s4-kart h3{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--s4-ink);margin:16px 0 8px}
.s4-kart p{color:var(--s4-muted);margin:0;line-height:1.6;font-size:15.5px}
.s4-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--s4-v1);
  background:linear-gradient(135deg,rgba(72,101,206,.12),rgba(139,92,246,.12));box-shadow:inset 0 0 0 1px rgba(72,101,206,.12)}
.s4-izgara-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.s4-izgara-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.s4-izgara-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.s4-ust-bosluk{margin-top:52px}

/* ── koyu bölüm ── */
.s4-koyu{background:var(--s4-navy);color:#fff}
.s4-koyu .s4-h2,.s4-koyu .s4-h3{color:#fff}
.s4-koyu .s4-p,.s4-koyu .s4-lead{color:#94a3b8}
.s4-koyu .s4-kart{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);box-shadow:none}
.s4-koyu .s4-kart h3{color:#fff}
.s4-koyu .s4-kart p{color:#94a3b8}
.s4-koyu .s4-ikon{background:rgba(124,156,234,.15);color:#a3bdf2;box-shadow:none}
.s4-koyu .s4-etiket{color:#a3bdf2}

/* ── "Siz" balonu: bölüm müşterinin sorusuyla açılır, başlık Asistan'ın cevabıdır ── */
.s4-soru{display:flex;align-items:flex-end;gap:10px;margin-bottom:20px;min-height:42px}
.s4-orta .s4-soru{justify-content:center}
.s4-soru-kim{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#475569;background:#e2e8f0}
.s4-soru-balon{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;border-radius:20px 20px 20px 6px;font-size:16px;font-weight:600;color:#1e293b;
  background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 24px -14px rgba(15,23,42,.3)}
.s4-koyu .s4-soru-kim{background:rgba(255,255,255,.12);color:#cbd5e1}
.s4-koyu .s4-soru-balon{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e2e8f0;box-shadow:none}
.s4-js .s4-soru .s4-soru-balon{opacity:0;transform:translateY(8px) scale(.96);transform-origin:left bottom;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3)}
.s4-js .s4-soru.gorundu .s4-soru-balon{opacity:1;transform:none}

/* ── giriş animasyonu (kaydırınca) ── */
.s4-js .s4-gir{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .8s var(--s4-ease),transform .9s var(--s4-ease),filter .8s var(--s4-ease);transition-delay:var(--g,0s)}
.s4-js .s4-gir.gorundu{opacity:1;transform:none;filter:none}
.s4-js .s4-hero .s4-h1 .s4-sat{opacity:0;transform:translateY(40%);filter:blur(12px);animation:s4Sat 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.12s + var(--i,0) * .13s)}
.s4-js .s4-hero .s4-gir-hero{opacity:0;transform:translateY(14px);animation:s4Sat .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--g,.5s)}
@keyframes s4Sat{to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){
  .s4-js .s4-gir,.s4-js .s4-hero .s4-h1 .s4-sat,.s4-js .s4-hero .s4-gir-hero,.s4-js .s4-soru .s4-soru-balon{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
  .s4-isik{animation:none}
}

/* ── SSS ── */
.s4-sss{display:grid;gap:10px;max-width:820px;margin:44px auto 0}
.s4-sss details{background:#fff;border:1px solid var(--s4-line-2);border-radius:18px;transition:border-color .25s,box-shadow .25s}
.s4-sss details[open]{border-color:#c7d2fe;box-shadow:0 18px 36px -24px rgba(72,101,206,.45)}
.s4-sss summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:700;font-size:16.5px;color:var(--s4-ink)}
.s4-sss summary::-webkit-details-marker{display:none}
.s4-sss summary i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:var(--s4-ink-2);transition:transform .3s var(--s4-ease),background .25s,color .25s}
.s4-sss details[open] summary i{transform:rotate(45deg);background:var(--s4-v1);color:#fff}
.s4-sss .cevap{padding:0 22px 20px;color:var(--s4-muted);line-height:1.7;font-size:15.5px}
.s4-sss .cevap a{color:var(--s4-v1);font-weight:600}

/* ── kapanış (son çağrı) ── */
.s4-kapanis{position:relative;padding:120px 0;text-align:center;background:var(--s4-navy);color:#fff;overflow:hidden;isolation:isolate}
.s4-kapanis::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(600px 300px at 50% 0%,rgba(72,101,206,.35),transparent 70%),radial-gradient(500px 260px at 80% 100%,rgba(139,92,246,.22),transparent 70%)}
.s4-kapanis::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%)}
.s4-kapanis .s4-h2{color:#fff;max-width:15em;margin:26px auto 18px}
.s4-kapanis p{color:#94a3b8;font-size:18px;margin:0 auto 34px;max-width:32em;line-height:1.6}
.s4-kapanis .s4-ctas{justify-content:center;margin-top:0}
.s4-misket-buyuk{width:96px;height:96px;margin:0 auto;animation:s4Suzul 4s ease-in-out infinite;filter:drop-shadow(0 16px 24px rgba(72,101,206,.45))}
.s4-misket-buyuk img{width:100%;height:100%;display:block}
@keyframes s4Suzul{50%{transform:translateY(-8px)}}

/* ── formlar ── */
.s4-form{display:grid;gap:16px}
.s4-alan{display:grid;gap:7px}
.s4-alan label,.s4-etk{font-size:13.5px;font-weight:700;color:var(--s4-ink-2)}
.s4-alan label small{font-weight:500;color:var(--s4-soft)}
.s4-girdi,.s4 .s4-form input[type=text],.s4 .s4-form input[type=email],.s4 .s4-form input[type=tel],.s4 .s4-form input[type=password],.s4 .s4-form input[type=number],.s4 .s4-form select,.s4 .s4-form textarea{
  width:100%;font:500 16px "DM Sans",system-ui,sans-serif;color:var(--s4-ink);background:#fff;border:1.5px solid var(--s4-line-2);border-radius:14px;padding:13px 15px;outline:0;
  transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.s4 .s4-form select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 15px center;padding-right:40px}
.s4-girdi:hover,.s4 .s4-form input:hover,.s4 .s4-form select:hover,.s4 .s4-form textarea:hover{border-color:#cbd5e1}
.s4-girdi:focus,.s4 .s4-form input:focus,.s4 .s4-form select:focus,.s4 .s4-form textarea:focus{border-color:var(--s4-v1);box-shadow:0 0 0 4px rgba(72,101,206,.14)}
.s4 .s4-form ::placeholder{color:#a3abbb}
.s4-cift{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ── makale / yasal metin tipografisi ── */
.s4-yazi{font-size:17.5px;line-height:1.78;color:#334155}
.s4-yazi>*:first-child{margin-top:0}
.s4-yazi h2{font-size:clamp(24px,2.6vw,30px);font-weight:900;letter-spacing:-.025em;line-height:1.2;color:var(--s4-ink);margin:2.2em 0 .7em;scroll-margin-top:100px}
.s4-yazi h3{font-size:20px;font-weight:800;letter-spacing:-.015em;color:var(--s4-ink);margin:1.8em 0 .6em;scroll-margin-top:100px}
.s4-yazi h4{font-size:17.5px;font-weight:800;color:var(--s4-ink);margin:1.6em 0 .5em}
.s4-yazi p{margin:0 0 1.15em}
.s4-yazi ul,.s4-yazi ol{margin:0 0 1.3em;padding-left:1.35em}
.s4-yazi li{margin:.4em 0;padding-left:.2em}
.s4-yazi ul li::marker{color:var(--s4-v1)}
.s4-yazi ol li::marker{color:var(--s4-v1);font-weight:800}
.s4-yazi strong,.s4-yazi b{color:var(--s4-ink);font-weight:700}
.s4-yazi a{color:var(--s4-v1);font-weight:600;text-decoration:underline;text-decoration-color:rgba(72,101,206,.35);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:text-decoration-color .2s}
.s4-yazi a:hover{text-decoration-color:var(--s4-v1)}
.s4-yazi blockquote{margin:1.6em 0;padding:18px 22px;border-left:3px solid var(--s4-v1);background:#fff;border-radius:0 16px 16px 0;color:var(--s4-ink-2)}
.s4-yazi table{width:100%;border-collapse:separate;border-spacing:0;margin:1.4em 0;font-size:15px;background:#fff;border:1px solid var(--s4-line-2);border-radius:14px;overflow:hidden}
.s4-yazi th,.s4-yazi td{padding:11px 14px;text-align:left;border-bottom:1px solid #eef1f6;vertical-align:top}
.s4-yazi th{background:#f6f8fc;font-weight:700;color:var(--s4-ink);font-size:13.5px}
.s4-yazi tr:last-child td{border-bottom:0}
.s4-yazi hr{border:0;height:1px;background:var(--s4-line-2);margin:2.4em 0}
.s4-yazi img{max-width:100%;height:auto;border-radius:16px}
.s4-yazi code{font-size:.88em;background:#eef2fb;border-radius:6px;padding:.1em .4em}

/* ── çip / rozet ── */
.s4-cip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--s4-v1);background:rgba(72,101,206,.08);border:1px solid rgba(72,101,206,.14);border-radius:999px;padding:4px 11px}
.s4-cip.yesil{color:#047857;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}
.s4-cip.amber{color:#b45309;background:#fef3c7;border-color:#fde68a}
.s4-cip.gri{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}

/* ═════════ ÜST MENÜ: Özellikler açılır paneli (masaüstü) ═════════ */
.s4-nav-oz{position:relative}
.s4-nav-oz>button{display:inline-flex;align-items:center;gap:5px;font:600 14px "DM Sans",sans-serif;color:#475569;background:none;border:0;cursor:pointer;padding:8px 0;transition:color .2s}
.s4-nav-oz>button:hover,.s4-nav-oz.acik>button{color:var(--s4-ink)}
.s4-nav-oz>button svg{transition:transform .25s}
.s4-nav-oz.acik>button svg{transform:rotate(180deg)}
.s4-mega{position:absolute;left:50%;top:calc(100% + 14px);width:min(940px,calc(100vw - 48px));transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;
  background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:18px;
  box-shadow:0 30px 70px -24px rgba(40,56,120,.4),0 6px 16px -8px rgba(15,23,42,.1);transition:opacity .22s,transform .28s var(--s4-ease),visibility .22s;z-index:70}
.s4-mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.s4-nav-oz.acik .s4-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.s4-mega-ust{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px;border-bottom:1px solid #eef1f6;margin-bottom:10px}
.s4-mega-ust b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--s4-soft)}
.s4-mega-ust a{font-size:13.5px;font-weight:700;color:var(--s4-v1);text-decoration:none}
.s4-mega-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.s4-mega-izgara a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:9px 10px;border-radius:14px;text-decoration:none;transition:background .2s}
.s4-mega-izgara a:hover{background:#f3f6fd}
.s4-mega-izgara img,.s4-mega-izgara .s4-mik{grid-row:span 2;width:40px;height:40px;border-radius:11px;transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
.s4-mega-izgara .s4-mik{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--s4-v1),var(--s4-v2))}
.s4-mega-izgara a:hover img,.s4-mega-izgara a:hover .s4-mik{transform:scale(1.1) rotate(-5deg)}
.s4-mega-izgara strong{font-size:14.5px;font-weight:700;color:var(--s4-ink);line-height:1.25}
.s4-mega-izgara span{font-size:12.5px;color:var(--s4-soft);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s4-mega-sektor{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid #eef1f6}
.s4-mega-sektor>b{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--s4-soft);white-space:nowrap;margin:0 4px}
.s4-mega-sektor>a:not(.s4-mega-sektor-tum){display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;text-decoration:none;border:1px solid var(--s4-line);background:#fff;transition:border-color .2s,transform .2s}
.s4-mega-sektor>a:not(.s4-mega-sektor-tum):hover{border-color:var(--r1,#c7d2fe);transform:translateY(-1px)}
.s4-mega-sektor img{width:34px;height:34px;mix-blend-mode:multiply}
.s4-mega-sektor strong{display:block;font-size:14px;color:var(--s4-ink)}
.s4-mega-sektor span span{font-size:12px;color:var(--s4-muted)}
.s4-mega-sektor-tum{margin-left:auto;font-size:13px;font-weight:700;color:var(--s4-v1);text-decoration:none;white-space:nowrap}
.s4-mega-alt{display:flex;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid #eef1f6}
.s4-mega-alt a{flex:1;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#f4f6fd,#f6f2fe);transition:transform .2s}
.s4-mega-alt a:hover{transform:translateY(-2px)}
.s4-mega-alt img{width:36px;height:36px}
.s4-mega-alt strong{display:block;font-size:14.5px;color:var(--s4-ink)}
.s4-mega-alt span{font-size:12.5px;color:var(--s4-muted)}

/* ═════════ MOBİL: uygulama kabuğu (alt sekme çubuğu + üstte küçük CTA) ═════════ */
.mkapp-tab,.mkapp-ust-btn{display:none}
@media (max-width:960px){
  :root{--mkapp-tab:calc(62px + env(safe-area-inset-bottom))}
  body.s4{padding-bottom:var(--mkapp-tab)}
  body.s4 #site-header nav>button.lg\:hidden{display:none!important}
  .mkapp-ust-btn{display:inline-flex;position:fixed;z-index:60;top:18px;right:16px;align-items:center;height:36px;padding:0 14px;border-radius:999px;
    background:#0b1220;color:#fff;font:700 13.5px "DM Sans",sans-serif;text-decoration:none;box-shadow:0 6px 16px -8px rgba(11,18,32,.6);transition:top .3s}
  body.mkapp-kaydi .mkapp-ust-btn{top:12px}
  .mkapp-tab{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:50;left:0;right:0;bottom:0;height:var(--mkapp-tab);
    padding:6px 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);
    border-top:1px solid rgba(15,23,42,.07);box-shadow:0 -8px 24px -18px rgba(15,23,42,.35)}
  .mkapp-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a93a6;text-decoration:none;
    font:600 10.5px "DM Sans",sans-serif;-webkit-tap-highlight-color:transparent;transition:color .2s,transform .15s}
  .mkapp-tab a:active{transform:scale(.92)}
  .mkapp-tab a.aktif{color:#4865ce}
  .mkapp-tab a.aktif svg{stroke-width:2.3}
  .mkapp-tab a.orta{position:relative}
  .mkapp-tab a.orta>span:last-child{margin-top:26px}
  .mkapp-misket{position:absolute;top:-22px;left:50%;width:56px;height:56px;margin-left:-28px;border-radius:50%;display:grid;place-items:center;
    background:#fff padding-box,conic-gradient(from var(--mkapp-aci),#4865ce,#38bdf8,#a78bfa,#f0abfc,#4865ce) border-box;border:2.5px solid transparent;
    box-shadow:0 10px 22px -8px rgba(72,101,206,.65);animation:mkappHalka 5s linear infinite}
  .mkapp-misket img{width:44px;height:44px;animation:mkappNefes 4s ease-in-out infinite}
  [x-data*="cookie_consent"]{bottom:var(--mkapp-tab)!important}
  .s4-kart:active,.s4-btn:active{transform:scale(.97)!important}
}
@property --mkapp-aci{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes mkappHalka{to{--mkapp-aci:360deg}}
@keyframes mkappNefes{50%{transform:scale(1.06) rotate(-4deg)}}

/* ── duyarlı ── */
@media (max-width:1020px){
  .s4-izgara-3,.s4-izgara-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .s4-kap,.s4-kap-dar,.s4-kap-genis{padding:0 20px}
  .s4-bolum{padding:64px 0}
  .s4-bolum-sik{padding:48px 0}
  .s4-hero{padding:36px 0 52px}
  .s4-hero.s4-hero-sik{padding:28px 0 40px}
  .s4-h1{font-size:clamp(34px,9.6vw,46px)}
  .s4-h1-orta{font-size:clamp(30px,8.4vw,40px)}
  .s4-h2{font-size:clamp(28px,7.6vw,36px)}
  .s4-lead{font-size:17px}
  .s4-p{font-size:16.5px}
  .s4-izgara-3,.s4-izgara-2,.s4-izgara-4,.s4-cift{grid-template-columns:minmax(0,1fr)}
  .s4-kart{padding:22px;border-radius:20px}
  .s4-ust-bosluk{margin-top:36px}
  .s4-ctas .s4-btn{flex:1 1 100%}
  .s4-kapanis{padding:80px 0}
  .s4-kapanis p{font-size:16.5px}
  .s4-yazi{font-size:16.5px;line-height:1.75}
  .s4-sss summary{padding:17px 18px;font-size:15.5px}
  .s4-sss .cevap{padding:0 18px 18px}
  .s4-isik{width:560px;height:560px;margin-left:-280px;top:-260px}
}

/* makale listeleri: Tailwind sıfırlaması madde işaretini siler, geri koy */
.s4-yazi ul{list-style:disc}
.s4-yazi ol{list-style:decimal}
/* mobilde üst çubuk kaydırınca altındaki yazı görünmesin */
@media (max-width:960px){body.s4 .glass-nav{background:rgba(248,250,252,.96)!important}}

/* etiket hapının ikincil kısmı dar telefonda gizlenir (hap iki satıra bölünmesin) */
.s4-ust-ek{display:contents}
@media (max-width:480px){.s4-ust-ek{display:none}}
/* AÇIK BETA rozeti (MISKETIM_BETA): telefonda üst çubuktaki Ücretsiz Başla düğmesine biniyordu → yalnız masaüstünde */
@media (max-width:960px){body.s4 .s4-beta{display:none}}