/* ============================================================
   Dizayn Havuzculuk - Blog katmani
   style.css uzerine biner, degiskenleri ondan devralir.
   ============================================================ */

:root{
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
}

/* --- Okuma ilerleme cubugu --- */
.read-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:80;background:transparent;pointer-events:none}
.read-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--aqua),#6ee7ff);box-shadow:0 0 14px rgba(23,182,215,.7);transition:width .12s linear}

/* --- Blog hero --- */
.blog-hero{position:relative;background:#082236;color:#fff;overflow:hidden;padding:150px 0 78px}
.blog-hero.is-post{padding:154px 0 0}
.blog-hero-bg{position:absolute;inset:0;z-index:0}
.blog-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:heroDrift 22s ease-in-out infinite alternate;filter:saturate(.92)}
.blog-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,23,36,.94) 0%,rgba(5,23,36,.78) 48%,rgba(5,23,36,.42) 100%),linear-gradient(0deg,rgba(5,23,36,.88),transparent 58%)}
@keyframes heroDrift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-2.2%,-1.6%,0)}}
.blog-hero .container{position:relative;z-index:2}
.blog-hero h1{font-size:clamp(32px,4.6vw,58px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 16px;max-width:19ch}
.blog-hero.is-index h1{max-width:22ch}
.blog-hero p.lead{color:rgba(255,255,255,.85);font-size:clamp(16px,1.6vw,19px);max-width:68ch;margin:0}

/* Dalga ayraci */
.wave-sep{position:absolute;left:0;right:0;bottom:-1px;z-index:2;line-height:0;pointer-events:none}
.wave-sep svg{width:100%;height:76px;display:block}
.wave-sep .w1{fill:rgba(247,250,252,.35);animation:waveSlide 14s linear infinite}
.wave-sep .w2{fill:rgba(247,250,252,.6);animation:waveSlide 9s linear infinite reverse}
.wave-sep .w3{fill:var(--bg)}
@keyframes waveSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- Breadcrumb --- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.62)}
.crumbs a{color:rgba(255,255,255,.82)}
.crumbs a:hover{color:#7ee7ff}
.crumbs span.sep{opacity:.45}

/* --- Yazi ust bilgi seridi --- */
.post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0 0}
.post-meta .chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800}
.post-meta .chip.accent{background:linear-gradient(135deg,rgba(23,182,215,.35),rgba(15,119,184,.3));border-color:rgba(126,231,255,.45);color:#d9f7ff}

/* --- Yazi govde yerlesimi --- */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:42px;align-items:start;padding:54px 0 84px}
.post-body{min-width:0;font-size:17.5px;color:#22394c}
.post-body h2{font-size:clamp(25px,2.9vw,35px);letter-spacing:-.035em;line-height:1.14;margin:52px 0 16px;scroll-margin-top:110px;position:relative;padding-left:18px}
.post-body h2:before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:999px;background:linear-gradient(180deg,var(--brand),var(--aqua))}
.post-body h2:first-child{margin-top:0}
.post-body h3{font-size:clamp(19px,2vw,23px);letter-spacing:-.02em;margin:34px 0 10px;color:#123049;scroll-margin-top:110px}
.post-body p{margin:0 0 17px;line-height:1.75}
.post-body a{color:var(--brand);font-weight:700;border-bottom:1.5px solid rgba(15,119,184,.28);transition:.2s}
.post-body a:hover{color:var(--brand-dark);border-bottom-color:var(--brand)}
.post-body strong{color:#0d2739}
.post-body ul,.post-body ol{margin:0 0 20px;padding-left:0;list-style:none;display:grid;gap:11px}
.post-body ul li{position:relative;padding-left:30px;line-height:1.68}
.post-body ul li:before{content:"";position:absolute;left:6px;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--aqua));box-shadow:0 0 0 4px rgba(23,182,215,.13)}
.post-body ol{counter-reset:oli}
.post-body ol li{position:relative;padding-left:42px;line-height:1.68;counter-increment:oli}
.post-body ol li:before{content:counter(oli);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:10px;background:#e5f7fd;color:var(--brand-dark);display:grid;place-items:center;font-weight:900;font-size:13px}

/* --- TL;DR / hizli cevap kutusu (AI botlarinin ilk okudugu yer) --- */
.tldr{background:linear-gradient(135deg,#effbff,#f7fcfe);border:1px solid #bfe6f4;border-left:5px solid var(--aqua);border-radius:20px;padding:24px 26px;margin:0 0 34px;position:relative;overflow:hidden}
.tldr:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(23,182,215,.16),transparent 68%)}
.tldr .tldr-t{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--brand-dark);margin-bottom:13px}
.tldr .tldr-t svg{width:17px;height:17px;flex:0 0 17px}
.tldr ul{margin:0;display:grid;gap:9px}
.tldr ul li{padding-left:27px;font-size:16px;color:#1d3c52}
.tldr ul li:before{width:7px;height:7px;left:7px;top:.66em;box-shadow:0 0 0 3px rgba(23,182,215,.15)}

/* --- Icindekiler --- */
.toc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 38px rgba(4,31,53,.07)}
.toc-card .toc-t{font-weight:900;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:13px}
.toc-list{display:grid;gap:2px;max-height:min(58svh,520px);overflow:auto}
.toc-list a{display:block;padding:9px 12px;border-radius:12px;font-size:14.5px;font-weight:700;color:#3d5668;line-height:1.4;border-left:3px solid transparent;transition:.22s var(--ease-soft)}
.toc-list a:hover{background:#f2fafd;color:var(--brand-dark)}
.toc-list a.is-active{background:#e9f7fd;color:var(--brand-dark);border-left-color:var(--aqua);transform:translateX(3px)}
.post-aside{position:sticky;top:96px;display:grid;gap:16px}

/* Yan panel CTA */
.aside-cta{background:linear-gradient(150deg,#0b3a5c,#0f77b8 62%,#17b6d7);color:#fff;border-radius:22px;padding:24px;position:relative;overflow:hidden;box-shadow:0 20px 48px rgba(11,58,92,.3)}
.aside-cta:before{content:"";position:absolute;inset:auto -40px -70px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%)}
.aside-cta b{display:block;font-size:20px;line-height:1.2;margin-bottom:8px;position:relative}
.aside-cta p{color:rgba(255,255,255,.85);font-size:14.5px;margin:0 0 16px;position:relative}
.aside-cta .btn{width:100%;position:relative;background:#fff;color:#0b3a5c}
.aside-cta .btn:hover{transform:translateY(-2px)}

/* --- Tablolar --- */
.table-wrap{overflow-x:auto;margin:0 0 26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(4,31,53,.05);-webkit-overflow-scrolling:touch}
.post-body table{width:100%;border-collapse:collapse;min-width:520px;font-size:15.5px}
.post-body thead th{background:linear-gradient(135deg,#0f3f5f,#0f77b8);color:#fff;text-align:left;padding:14px 16px;font-weight:800;font-size:14px;letter-spacing:.01em;white-space:nowrap}
.post-body tbody td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top;color:#2b465b}
.post-body tbody tr:nth-child(even){background:#f8fcfe}
.post-body tbody tr{transition:background .2s}
.post-body tbody tr:hover{background:#eef8fc}
.post-body td strong{color:#0d2739}

/* --- Not / uyari kutulari --- */
.note{border-radius:18px;padding:20px 22px;margin:0 0 26px;border:1px solid;display:grid;gap:7px}
.note b{font-size:16.5px;display:flex;align-items:center;gap:9px}
.note p{margin:0;font-size:15.8px;line-height:1.66}
.note.tip{background:#f0fbf4;border-color:#bfe8cf;color:#14492b}
.note.tip b{color:#0f6b38}
.note.warn{background:#fff7ed;border-color:#fcd9a8;color:#6b3d10}
.note.warn b{color:#a8580a}
.note.info{background:#eff8ff;border-color:#c2e0f7;color:#173c5a}
.note.info b{color:#0b5c8f}

/* --- Adim kartlari --- */
.steps-flow{display:grid;gap:13px;margin:0 0 28px;counter-reset:sf}
.sf{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px 20px 70px;box-shadow:0 10px 28px rgba(4,31,53,.05);counter-increment:sf;transition:.28s var(--ease-soft)}
.sf:hover{transform:translateX(5px);border-color:#9ed8ec;box-shadow:0 16px 38px rgba(4,31,53,.1)}
.sf:before{content:counter(sf,decimal-leading-zero);position:absolute;left:20px;top:20px;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 8px 20px rgba(15,119,184,.3)}
.sf b{display:block;font-size:17.5px;margin-bottom:5px;color:#0d2739}
.sf p{margin:0;font-size:15.8px;color:var(--muted);line-height:1.62}

/* --- Istatistik seridi (sayac animasyonlu) --- */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin:0 0 30px}
.stat{background:#092638;color:#fff;border-radius:20px;padding:22px;position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;inset:-50% auto auto -20%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(23,182,215,.4),transparent 66%)}
.stat .n{position:relative;font-size:clamp(28px,3.4vw,38px);font-weight:900;letter-spacing:-.045em;line-height:1;color:#7ee7ff}
.stat .l{position:relative;display:block;margin-top:9px;font-size:14px;color:rgba(255,255,255,.78);line-height:1.42}

/* --- Yazi ici gorsel --- */
.post-fig{margin:0 0 30px;border-radius:22px;overflow:hidden;background:#dbe7ee;box-shadow:0 16px 44px rgba(4,31,53,.12)}
.post-fig img{width:100%;height:auto;display:block;transition:transform .8s var(--ease-out)}
.post-fig:hover img{transform:scale(1.035)}
.post-fig figcaption{padding:13px 18px;font-size:14px;color:var(--muted);background:#fff;border-top:1px solid var(--line)}

/* --- Kontrol listesi --- */
.checklist{display:grid;gap:10px;margin:0 0 28px}
.cl{display:grid;grid-template-columns:26px 1fr;gap:13px;align-items:start;background:#f8fcfe;border:1px solid #dcedf5;border-radius:15px;padding:14px 16px;transition:.24s var(--ease-soft)}
.cl:hover{background:#eff8fc;border-color:#b6ddef;transform:translateY(-2px)}
.cl i{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#0f77b8,#17b6d7);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;margin-top:1px}
.cl div{font-size:15.8px;line-height:1.6;color:#2b465b}
.cl div b{display:block;color:#0d2739;margin-bottom:2px}

/* --- SSS akordiyon --- */
.faq-zone{background:linear-gradient(180deg,#fff,#eef7fb);border-top:1px solid var(--line)}
.faq-list{display:grid;gap:11px;max-width:900px}
.fq{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:.26s var(--ease-soft);box-shadow:0 8px 24px rgba(4,31,53,.04)}
.fq:hover{border-color:#a8d9ec}
.fq.is-open{border-color:#8ad0e8;box-shadow:0 16px 40px rgba(4,31,53,.09)}
.fq > button{width:100%;padding:19px 22px;background:transparent;border:0;text-align:left;font-weight:800;font-size:17px;color:#143348;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;line-height:1.4}
.fq .ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e9f7fd;color:var(--brand-dark);display:grid;place-items:center;font-weight:900;font-size:19px;transition:.3s var(--ease-soft)}
.fq.is-open .ic{transform:rotate(135deg);background:var(--brand);color:#fff}
.fq .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s var(--ease-soft)}
.fq.is-open .ans{grid-template-rows:1fr}
.fq .ans > div{overflow:hidden}
.fq .ans p{margin:0;padding:0 22px 20px;color:var(--muted);line-height:1.72;font-size:16px}

/* --- Yazi sonu CTA --- */
.post-cta{background:linear-gradient(140deg,#071d2d,#0b3a5c 55%,#0f77b8);color:#fff;border-radius:var(--radius-lg);padding:42px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(7,29,45,.34)}
.post-cta:before{content:"";position:absolute;inset:-30% -12% auto auto;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(23,182,215,.34),transparent 64%);animation:pulseGlow 7s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}
.post-cta h2{position:relative;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.04em;line-height:1.1;margin:0 0 12px;padding:0}
.post-cta h2:before{display:none}
.post-cta p{position:relative;color:rgba(255,255,255,.85);margin:0}
.post-cta .cta-btns{position:relative;display:grid;gap:11px}
.post-cta .cta-btns .btn{width:100%}
.post-cta .btn-white{background:#fff;color:#0b3a5c}
.post-cta .btn-wa{background:#22c55e;color:#fff}
.post-cta .btn-line{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff}

/* --- Bolge rozetleri --- */
.region-chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}
.region-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-weight:800;font-size:14px;color:#244357;transition:.24s var(--ease-soft)}
.region-chips a:hover{background:#083958;color:#fff;border-color:#083958;transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,57,88,.24)}
.region-chips a.is-current{background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;border-color:transparent}

/* --- Blog index: filtreler + kartlar --- */
.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.bf{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;color:#244357;cursor:pointer;transition:.24s var(--ease-soft)}
.bf:hover{border-color:#9ed8ec;transform:translateY(-2px)}
.bf.is-active{background:#083958;color:#fff;border-color:#083958}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(316px,1fr));gap:20px}
.pc{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(4,31,53,.06);transition:transform .34s var(--ease-soft),box-shadow .34s var(--ease-soft),border-color .34s}
.pc:hover{transform:translateY(-7px);border-color:#a8d9ec;box-shadow:0 26px 58px rgba(4,31,53,.15)}
.pc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dbe7ee}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}
.pc:hover .pc-img img{transform:scale(1.08)}
.pc-img:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(5,23,36,.62),transparent)}
.pc-tag{position:absolute;z-index:2;left:14px;top:14px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);color:var(--brand-dark);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.03em}
.pc-read{position:absolute;z-index:2;right:14px;bottom:13px;color:#fff;font-size:12.5px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.pc-body{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}
.pc-body h3{font-size:20px;line-height:1.24;letter-spacing:-.025em;margin:0 0 9px;color:#0d2739}
.pc-body p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 17px;flex:1}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.pc-foot time{font-size:13px;color:var(--muted);font-weight:700}
.pc-more{font-weight:900;font-size:14px;color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.pc-more svg{width:15px;height:15px;transition:transform .28s var(--ease-soft)}
.pc:hover .pc-more svg{transform:translateX(4px)}
.pc.is-hidden{display:none}
.pc-empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:24px}

/* One cikan yazi */
.feat{display:grid;grid-template-columns:1.06fr .94fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:26px;transition:.34s var(--ease-soft)}
.feat:hover{box-shadow:0 30px 70px rgba(4,31,53,.17);transform:translateY(-4px)}
.feat-img{position:relative;min-height:330px;overflow:hidden;background:#dbe7ee}
.feat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
.feat:hover .feat-img img{transform:scale(1.06)}
.feat-copy{padding:36px;display:flex;flex-direction:column;justify-content:center}
.feat-copy h2{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.04em;line-height:1.12;margin:12px 0 12px;padding:0}
.feat-copy h2:before{display:none}
.feat-copy p{color:var(--muted);margin:0 0 20px}

/* --- Ilgili yazilar --- */
.related-zone{background:#f7fafc;border-top:1px solid var(--line)}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:16px}

/* --- Kaydirarak ortaya cikma animasyonlari --- */
.fx{opacity:0;transform:translateY(26px);transition:opacity .68s var(--ease-out),transform .68s var(--ease-out)}
.fx.in{opacity:1;transform:none}
.fx-l{opacity:0;transform:translateX(-26px);transition:opacity .68s var(--ease-out),transform .68s var(--ease-out)}
.fx-l.in{opacity:1;transform:none}
.fx-s{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.fx-s.in{opacity:1;transform:none}
[data-stagger] > *{opacity:0;transform:translateY(22px);transition:opacity .58s var(--ease-out),transform .58s var(--ease-out)}
[data-stagger].in > *{opacity:1;transform:none}
[data-stagger].in > *:nth-child(1){transition-delay:.02s}
[data-stagger].in > *:nth-child(2){transition-delay:.08s}
[data-stagger].in > *:nth-child(3){transition-delay:.14s}
[data-stagger].in > *:nth-child(4){transition-delay:.2s}
[data-stagger].in > *:nth-child(5){transition-delay:.26s}
[data-stagger].in > *:nth-child(6){transition-delay:.32s}
[data-stagger].in > *:nth-child(7){transition-delay:.38s}
[data-stagger].in > *:nth-child(8){transition-delay:.44s}
[data-stagger].in > *:nth-child(9){transition-delay:.5s}
[data-stagger].in > *:nth-child(n+10){transition-delay:.56s}

/* Baslikta kayan parilti */
.shine{background:linear-gradient(100deg,#fff 22%,#9fe9ff 42%,#fff 62%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shineMove 5.5s ease-in-out infinite}
@keyframes shineMove{0%{background-position:150% 0}55%,100%{background-position:-60% 0}}

/* --- Sayfa ustune don --- */
.to-top{position:fixed;right:20px;bottom:88px;z-index:69;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand-dark);font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(4,31,53,.16);opacity:0;pointer-events:none;transform:translateY(12px);transition:.3s var(--ease-soft)}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{background:#083958;color:#fff;border-color:#083958}

/* --- Responsive --- */
@media(max-width:1080px){
  .post-layout{grid-template-columns:1fr;gap:0}
  /* Icindekiler ve CTA, yazi govdesinin ustune alinir */
  .post-aside{order:-1;position:static;grid-template-columns:1fr 1fr;display:grid;gap:14px;margin-bottom:34px}
  .toc-card .toc-list{max-height:280px}
}
@media(max-width:860px){
  .feat,.post-cta{grid-template-columns:1fr}
  .feat-img{min-height:230px}
  .feat-copy{padding:26px}
  .post-cta{padding:30px}
}
@media(max-width:620px){
  .blog-hero{padding:124px 0 60px}
  .blog-hero.is-post{padding:128px 0 0}
  .post-aside{grid-template-columns:1fr}
  .post-layout{padding:36px 0 62px}
  .post-body{font-size:16.8px}
  .post-body h2{padding-left:14px;margin-top:40px}
  .tldr{padding:20px}
  .post-cta{padding:24px;border-radius:22px}
  .blog-grid{grid-template-columns:1fr}
  .wave-sep svg{height:46px}
  .to-top{bottom:auto;top:78px;right:14px;width:40px;height:40px}
  .sf{padding:18px 18px 18px 62px}
}

/* --- Hareket azaltma tercihi --- */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .fx,.fx-l,.fx-s,[data-stagger] > *{opacity:1 !important;transform:none !important}
}

/* --- Yazdirma --- */
@media print{
  .site-header,.post-aside,.post-cta,.float-whatsapp,.to-top,.read-progress,.wave-sep,.site-footer,.faq-zone,.related-zone{display:none !important}
  .post-layout{grid-template-columns:1fr;padding:0}
  .blog-hero{background:#fff;color:#000;padding:0}
  .blog-hero-bg{display:none}
  body{background:#fff}
}

/* Filtre sonrasi kart giris animasyonu (blog.js kullanir) */
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* Ana sayfa: 4 kolonlu footer */
.footer-grid{grid-template-columns:1.35fr .88fr .88fr .88fr}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}}

/* --- Paylasim cubugu --- */
.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:38px 0 6px;padding:18px 20px;background:linear-gradient(135deg,#f5fbfd,#fff);border:1px solid var(--line);border-radius:18px}
.share-t{font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-right:4px}
.sh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:#244357;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:800;cursor:pointer;transition:.22s var(--ease-soft);border-bottom-width:1px}
.post-body .sh{border-bottom:1px solid var(--line);color:#244357}
.sh:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(4,31,53,.14);color:#fff}
.sh-wa:hover{background:#22c55e;border-color:#22c55e}
.sh-fb:hover{background:#1877f2;border-color:#1877f2}
.sh-x:hover{background:#0f1419;border-color:#0f1419}
.sh-li:hover{background:#0a66c2;border-color:#0a66c2}
.sh-tg:hover{background:#229ed9;border-color:#229ed9}
.sh-cp:hover,.sh-native:hover{background:#083958;border-color:#083958}
.sh.is-done{background:#0f6b38;border-color:#0f6b38;color:#fff}

/* --- Filtre grubu basliklari --- */
.filter-label{font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.blog-filters+.filter-label{margin-top:18px}
.filter-count{font-weight:800;font-size:13px;color:var(--muted);margin-left:auto;align-self:center}

/* --- Footer adres (NAP) --- */
.foot-nap{font-style:normal;font-size:14px;line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 12px;padding-left:12px;border-left:2px solid rgba(126,231,255,.45)}
.foot-nap a{color:#7ee7ff;font-weight:700}