/*
Theme Name: THEWP Blog v1
Theme URI: https://thewp.com.tr
Author: THEWP
Author URI: https://thewp.com.tr
Description: Koyu/Açık tema destekli, %100 responsive blog iskeleti ve bileşen kütüphanesi. Geliştirici e-posta: info@thewp.com.tr
Version: 1.8.0
Text Domain: thewp-blog-v1
License: GNU GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
margin: 0;
line-height: 1.6;
background: var(--arkaplan);
color: var(--yazi);
font-family: var(--inter-stack);
font-synthesis-weight: none;
font-synthesis-style: none;
}
img, svg, video, canvas { max-width: 100%; height: auto; display: block; }
:focus-visible { outline: 2px solid var(--birincil); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
input, textarea, select {
font-size: 16px;
line-height: 1.4;
}
button { font-size: 16px; -webkit-tap-highlight-color: rgba(0,0,0,.08); }
a { color: var(--baglanti); text-decoration: none; }
@supports (-webkit-touch-callout: none) {
input, textarea, select { font-size: 16px; }
}
.app-shell{
padding: env(safe-area-inset-top) env(safe-area-inset-right)
env(safe-area-inset-bottom) env(safe-area-inset-left);
}



@media (prefers-reduced-motion: no-preference) {
body,
.ust_bar, .ana_header, .kart, .alt_menu, .mega_kutu, .araclar_liste,
.secim_baslik, .secim_liste, .blog_kart, .footer_icerik, .duyuru_cubugu,
.izlek ol, .rozet, .girdi, textarea.girdi, select, .mobil_menu,
.m_oge .m_ac, .m_alt a, .m_kolon, .header_araclar .araclar_tetik {
transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
}


h1 { font-size: 2.25rem; line-height: 1.2;  margin: 0 0 .6em; }
h2 { font-size: 1.875rem; line-height: 1.25; margin: 1.2em 0 .5em; }
h3 { font-size: 1.5rem;   line-height: 1.3;  margin: 1.1em 0 .5em; }
h4 { font-size: 1.25rem;  line-height: 1.35; margin: 1em   0 .5em; }
h5 { font-size: 1.125rem; line-height: 1.4;  margin: 1em   0 .5em; }
h6 { font-size: 1rem;     line-height: 1.45; margin: 1em   0 .5em; }

blockquote { border-left: 4px solid var(--birincil); padding: .5rem 1rem; margin: 1rem 0; background: rgba(0,0,0,.03); }
.duzenli_liste, .duzenli_sirali { padding-left: 1.2rem; }

pre, code { font-family: var(--inter-stack); }
pre.kod_blok { position: relative; background: #0a1121; color: #e5e7eb; border-radius: 12px; padding: 14px 18px; overflow: auto; box-shadow: var(--golge); }
pre.kod_blok code { white-space: pre; display: block; }
.kod_kopya { position: absolute; top: 8px; right: 8px; border: 1px solid var(--kenarlik); background: var(--yardimci); color: var(--yazi); padding: 6px 10px; border-radius: 10px; cursor: pointer; font-size: 12px; }

.yazi_govde{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
}
.yazi_govde > *{
  min-width: 0;
}
.yazi_govde pre{
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.yazi_govde code{
  overflow-wrap: anywhere;
  word-break: break-word;
}
.yazi_govde pre.kod_blok{
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.yazi_govde pre.kod_blok code{
  display: block;
  white-space: pre;
  width: max-content;
  min-width: 100%;
  max-width: none;
  box-sizing: border-box;
  overflow-wrap: normal;
  word-break: normal;
}
.yazi_govde .kod_kopya{
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}
@media (max-width: 768px){
  .yazi_govde pre.kod_blok{
    padding: 12px 12px;
    border-radius: 10px;
  }
  .yazi_govde .kod_kopya{
    top: 6px;
    right: 6px;
    padding: 5px 8px;
    font-size: 11px;
    border-radius: 9px;
  }
}

.sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }


:root{
  --inter-stack: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue",
                 Arial, "Noto Sans",
                 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
                 sans-serif;
--meta-theme-color-acik: #f1f5f9;
--meta-theme-color-koyu: #182232;
--arkaplan: #eef2f7;
--yazi: #111827;
--yardimci: #e8eef6;
--kart: #f8fafc;
--kenarlik: #dbe3ee;
--birincil: #3b82f6;
--baglanti: #2563eb;
--baglanti_ust: #1d4ed8;
--golge: 0 12px 28px rgba(15,23,42,.07);


--header-arka: #f1f5f9;
--header-kenar: #dbe3ee;
--header-metin: #111827;
--header-aksan: #0f6fdc;
--header-secim: #1d4ed8;
--header-secim-yazi: #ffffff;


--bilgi-arka: #eff6ff;    --bilgi-kenar: #bfdbfe; --bilgi-yazi: #1e3a8a;
--basarili-arka: #ecfdf5; --basarili-kenar: #a7f3d0; --basarili-yazi: #065f46;
--uyari-arka: #fefce8;    --uyari-kenar: #fde68a; --uyari-yazi: #78350f;
--hata-arka: #fef2f2;     --hata-kenar: #fecaca;  --hata-yazi: #7f1d1d;
--not-arka: #f3f4f6;      --not-kenar: #d1d5db;   --not-yazi: #374151;
}
[data-tema="koyu"] {
--arkaplan: #151d28;
--yazi: #edf3fb;
--yardimci: #243041;
--kart: #1d2837;
--kenarlik: #36465c;
--birincil: #8ab8ff;
--baglanti: #b8d7ff;
--baglanti_ust: #d9e9ff;
--golge: 0 18px 40px rgba(4,10,20,.28);

--header-arka: #182232;
--header-kenar: #2f4056;
--header-metin: #edf3fb;
--header-aksan: #96c0ff;
--header-secim: #30425b;
--header-secim-yazi: #f4f8ff;

--bilgi-arka: #1a2d45;    --bilgi-kenar: #3a5f96; --bilgi-yazi: #d7e7ff;
--basarili-arka: #173127; --basarili-kenar: #2f7864; --basarili-yazi: #c7f3e6;
--uyari-arka: #352d18;    --uyari-kenar: #b17b26;   --uyari-yazi: #ffe8b8;
--hata-arka: #351f24;     --hata-kenar: #b34756;    --hata-yazi: #ffd8de;
--not-arka: #232d3a;      --not-kenar: #485a72;     --not-yazi: #e2e9f2;
}

.temizle {
clear:both;
}

.site_genislik { max-width: 1360px; margin-inline: auto; padding: 15px; }
main.site_genislik[role="main"] {margin-top: 30px;}
.satir { display: grid; gap: 30px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.sutun_12, .sutun_8, .sutun_4 { display: grid; gap: 30px; min-width: 0; }
.yazi { min-width: 0; }

@media (min-width: 980px) {
.satir { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.sutun_12 { grid-column: span 12; }
.sutun_8  { grid-column: span 8; }
.sutun_4  { grid-column: span 4; }
}


.icon{display:inline-block;width:1em;height:1em;vertical-align: middle;fill:currentColor;stroke:currentColor}
.icon-12{ font-size:12px; line-height:1}
.icon-14{ font-size:14px; line-height:1}
.icon-16{ font-size:16px; line-height:1}
.icon-18{ font-size:18px; line-height:1}
.icon-20{ font-size:20px; line-height:1}
.icon-22{ font-size:22px; line-height:1}
.icon-24{ font-size:24px; line-height:1}
.icon-26{ font-size:26px; line-height:1}
.icon-28{ font-size:28px; line-height:1}
.icon-30{ font-size:30px; line-height:1}
.icon-32{ font-size:32px; line-height:1}
.icon-34{ font-size:34px; line-height:1}
.icon-36{ font-size:36px; line-height:1}
.icon-thin  * { stroke-width:1.3 !important; }
.icon-thick * { stroke-width:2.5 !important; }
.icon-ince .icon{
fill: none !important;
stroke: currentColor !important;
}
.icon-ince .icon *{
stroke-width: 1.3 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}



.sayfa_tab_sss{
  width:100%;
  display:block;
  font-family:var(--inter-stack);
}

.sayfa_tab_sss details{
  background:var(--kart);
  border:1px solid var(--kenarlik);
  border-radius:14px;
  overflow:hidden;
  margin:0 0 12px 0;
  box-shadow:var(--golge);
}

.sayfa_tab_sss details:last-child{
  margin-bottom:0;
}

.sayfa_tab_sss details > summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:16px 56px 16px 18px;
  font-weight:700;
  line-height:1.35;
  color:var(--yazi);
  outline:none;
  background:transparent;
}

.sayfa_tab_sss details > summary::-webkit-details-marker{display:none;}
.sayfa_tab_sss details > summary::marker{content:"";}

.sayfa_tab_sss details > summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  width:34px;
  height:34px;
  margin-top:-17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:var(--yardimci);
  border:1px solid var(--kenarlik);
  color:var(--yazi);
  font-size:18px;
  font-weight:900;
}

.sayfa_tab_sss details[open] > summary{
  border-bottom:1px solid var(--kenarlik);
}

.sayfa_tab_sss details[open] > summary::after{
  content:"–";
  background:var(--yardimci);
}

.sayfa_tab_sss details > p{
  margin:0;
  padding:14px 18px 18px 18px;
  line-height:1.75;
  color:var(--yazi);
}

.sayfa_tab_sss details > summary:focus-visible{
  outline:2px solid rgba(59,130,246,.35);
  outline-offset:3px;
}

@media (max-width: 768px){
  .sayfa_tab_sss details > summary{
    padding:14px 52px 14px 16px;
  }
  .sayfa_tab_sss details > summary::after{
    right:14px;
    width:32px;
    height:32px;
    margin-top:-16px;
    border-radius:10px;
  }
  .sayfa_tab_sss details > p{
    padding:12px 16px 16px 16px;
  }
}



.ust_bar { background: var(--header-arka); border-bottom: 1px solid var(--header-kenar); }
.ust_bar_ic { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 8px; }
.slogan { font-size: 1rem; margin: 0; color: var(--header-metin); }
.ust_bar_sag {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
margin-left: auto;
min-width: 0;
}
.ust_uye_aksiyonlari {
display: inline-flex;
align-items: center;
gap: 8px;
}
.ust_uye_btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid var(--header-kenar);
background: color-mix(in srgb, var(--yardimci) 82%, transparent);
color: var(--header-metin);
font-size: .92rem;
font-weight: 700;
line-height: 1;
text-decoration: none;
white-space: nowrap;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .12s ease;
}
.ust_uye_btn:hover {
background: color-mix(in srgb, var(--yardimci) 58%, var(--birincil) 8%);
border-color: color-mix(in srgb, var(--header-kenar) 60%, var(--birincil) 40%);
}
.ust_uye_btn:focus-visible {
outline: 2px solid color-mix(in srgb, var(--birincil) 38%, transparent);
outline-offset: 2px;
}
.ust_uye_btn:active { transform: translateY(1px); }
.ust_uye_btn--giris {
border-color: color-mix(in srgb, #3b82f6 42%, var(--header-kenar));
background: color-mix(in srgb, #3b82f6 16%, var(--yardimci));
color: color-mix(in srgb, #dbeafe 10%, var(--header-metin));
}
.ust_uye_btn--giris:hover {
border-color: color-mix(in srgb, #2563eb 55%, var(--header-kenar));
background: color-mix(in srgb, #3b82f6 24%, var(--yardimci));
}

.ust_uye_btn--uyeol {
border-color: color-mix(in srgb, #f97316 46%, var(--header-kenar));
background: color-mix(in srgb, #fb923c 18%, var(--yardimci));
color: color-mix(in srgb, #ffedd5 8%, var(--header-metin));
}
.ust_uye_btn--uyeol:hover {
border-color: color-mix(in srgb, #ea580c 58%, var(--header-kenar));
background: color-mix(in srgb, #f97316 26%, var(--yardimci));
}

.ust_uye_btn--panel {
border-color: color-mix(in srgb, #10b981 48%, var(--header-kenar));
background: color-mix(in srgb, #34d399 18%, var(--yardimci));
color: color-mix(in srgb, #d1fae5 10%, var(--header-metin));
}
.ust_uye_btn--panel:hover {
border-color: color-mix(in srgb, #059669 62%, var(--header-kenar));
background: color-mix(in srgb, #10b981 26%, var(--yardimci));
}
.tema_toggle {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(--header-kenar); background: var(--yardimci);
color: var(--header-metin); padding: 6px 10px; border-radius: 999px; cursor: pointer;
}
.tema_toggle .tema_ikon.gunes { color: #f59e0b; }
.tema_toggle .tema_ikon.ay    { color: #93c5fd; }

@media (max-width: 768px){
.ust_bar_ic { flex-wrap: wrap; row-gap: 8px; }
.slogan { flex: 1 1 100%; font-size: .95rem; }
.ust_bar_sag {
width: 100%;
justify-content: flex-end;
gap: 6px;
}
.ust_uye_aksiyonlari { gap: 6px; }
.ust_uye_btn,
.tema_toggle {
min-height: 34px;
padding: 6px 10px;
font-size: .86rem;
}
}

@media (max-width: 480px){
.ust_uye_btn { padding-inline: 9px; font-size: .82rem; }
#ust_tema_toggle .tema_yazi { display: none; }
#ust_tema_toggle { padding-inline: 10px; }
}

.ana_header { position: relative; background: var(--header-arka); border-bottom: 1px solid var(--header-kenar); width: 100%; }
.header_ic { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.logo { display: inline-flex; align-items: center; gap: 8px; font-weight: 900; font-size: 1.5rem;}




.logo.logo_canli--gradyan{
background-image: linear-gradient(90deg,#4f86ff,#22d3ee,#818cf8,#c084fc,#4f86ff);
background-size: 320% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: thewpLogoGrad 4.8s linear infinite;
will-change: background-position;


--logo-icon-color: #111827;
}


@keyframes thewpLogoGrad{
0%   { background-position:   0% 50%; }
100% { background-position: 320% 50%; }
}


html[data-tema="koyu"] .logo.logo_canli--gradyan{
background-image: linear-gradient(90deg,#60a5fa,#22d3ee,#7c3aed,#93c5fd,#60a5fa);
}
html[data-tema="acik"] .logo.logo_canli--gradyan{
background-image: linear-gradient(90deg,#f59e0b,#f97316,#fb923c,#fdba74,#f59e0b);
}


html[data-tema="koyu"] .logo.logo_canli--gradyan{ --logo-icon-color: #7c3aed; }
html[data-tema="acik"] .logo.logo_canli--gradyan{ --logo-icon-color: #f97316; }

.logo.logo_canli--gradyan i,
.logo.logo_canli--gradyan .icon{
color: var(--logo-icon-color) !important;
background: none !important;
-webkit-text-fill-color: initial !important;
}

.logo.logo_canli--gradyan:hover{
-webkit-text-fill-color: transparent !important;
}


@media (prefers-reduced-motion: reduce){
.logo.logo_canli--gradyan{
animation: none !important;
background: none !important;
color: var(--header-metin) !important;
-webkit-text-fill-color: currentColor !important;
}
.logo.logo_canli--gradyan i,
.logo.logo_canli--gradyan .icon{
color: var(--header-metin) !important;
}
}

@supports not (-webkit-background-clip: text){
.logo.logo_canli--gradyan{
animation: none;
background: none;
color: var(--header-metin);
}
.logo.logo_canli--gradyan i,
.logo.logo_canli--gradyan .icon{
color: inherit;
}
}








.ana_menu { display: none; }
@media (min-width: 980px) { .ana_menu { display: block; } }
.menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 12px; align-items: center; justify-content: center; }
.menu_oge > a {
position: relative; display: inline-flex; align-items: center; gap: 6px;
padding: 12px 8px; color: var(--header-metin); border-radius: 10px;
}

.menu_oge > a::after {
content: ""; position: absolute; left: 8px; right: 8px; bottom: 4px; height: 2px;
background: var(--header-aksan); transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.menu_oge > a:hover::after, .menu_oge > a:focus-visible::after { transform: scaleX(1); }
.menu_ok { transition: transform .2s ease; font-size: 0.95rem;}


.altli { position: relative; }
.alt_menu {
position: absolute; left: 0; top: 100%; min-width: 240px;
background: var(--kart); border: 1px solid var(--kenarlik); border-radius: 14px;
box-shadow: var(--golge); display: none; z-index: 30; padding: 6px;
}
.alt_menu li { list-style: none; }
.alt_menu a { display: block; padding: 10px 12px; color: inherit; border-radius: 10px; font-size: 15px;}
.alt_menu a:hover { background: var(--yardimci); }
.altli:hover > .alt_menu, .altli:focus-within > .alt_menu { display: block; }
.altli:hover > a .menu_ok, .altli:focus-within > a .menu_ok { transform: rotate(180deg); }


.mega { position: static; }
.mega_kutu {
position: absolute; left: 0; right: 0; top: 100%;
background: var(--kart);
border-top: 1px solid var(--kenarlik);
box-shadow: 0 20px 40px rgba(0,0,0,.08);
display: none; z-index: 25;
}
.mega_ic {
display: grid; gap: 24px; padding: 20px 0;
grid-template-columns: repeat(var(--sutun-sayisi, 3), 1fr);
}
.mega_baslik {
margin: 0 0 8px; font-size: .95rem; letter-spacing: .04em;
text-transform: uppercase; opacity: .85; padding-bottom: 6px; border-bottom: 1px solid var(--kenarlik);
}
.mega_sutun ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mega_sutun a {
position: relative; display: block; padding: 8px 2px; color: inherit; border-radius: 8px;
}
.mega_sutun a::after {
content: ""; position: absolute; left: 0; bottom: 2px; height: 2px; width: 0;
background: linear-gradient(90deg, var(--header-aksan), transparent 70%);
transition: width .2s ease;
}
.mega_sutun a:hover::after { width: 100%; }

.ana_header.mega_acik .menu_oge.mega .mega_kutu { display: block; }
.ana_header.mega_acik .menu_oge.mega > a .menu_ok { transform: rotate(180deg); }


.mega_arka { position: absolute; left: 0; right: 0; bottom: -1px; height: 0; background: transparent; z-index: 20; pointer-events: none; }
.ana_header.mega_acik .mega_arka { height: 0; }

.header_sag { display: flex; align-items: center; gap: 12px; }


.header_araclar, .mobil_araclar { position: relative; }
.araclar_tetik {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(--header-kenar); background: var(--header-secim);
color: var(--header-secim-yazi); padding: 8px 12px; border-radius: 12px; cursor: pointer;
}
.araclar_tetik .arac_ok { transition: transform .2s ease; }
.header_araclar.acik .araclar_tetik .arac_ok,
.mobil_araclar.acik  .araclar_tetik .arac_ok { transform: rotate(180deg); }

.araclar_liste {
position: absolute; top: calc(100% + 6px); right: 0;
background: var(--kart); border: 1px solid var(--kenarlik); border-radius: 12px;
box-shadow: var(--golge); list-style: none; margin: 0; padding: 8px; display: none; z-index: 40; min-width: 260px;
}
.header_araclar.acik .araclar_liste,
.mobil_araclar.acik  .araclar_liste { display: grid; gap: 4px; }
.araclar_liste a { display: block; padding: 8px 10px; border-radius: 8px; color: inherit; font-size: 15px;}
.araclar_liste a:hover { background: var(--yardimci); }


.hamburger {
display: inline-flex; flex-direction: column; gap: 5px;
width: 36px; height: 28px; justify-content: center; align-items: center;
border: 1px solid var(--header-kenar); background: transparent; border-radius: 8px; cursor: pointer; z-index: 9999;
}
.hamburger span { display: block; width: 20px; height: 2px; background: var(--header-metin); transition: transform .2s ease, opacity .2s ease; }
@media (min-width: 980px) { .hamburger { display: none; } }
.hamburger.acik span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.acik span:nth-child(2) { opacity: 0; }
.hamburger.acik span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


.mobil_menu {
position: fixed; inset: 0 auto 0 0; width: min(88vw, 360px);
transform: translateX(-100%); background: var(--kart);
border-right: 1px solid var(--kenarlik); box-shadow: var(--golge);
z-index: 99999; transition: transform .25s ease;
}
.mobil_menu.acik { transform: none; }
.mobil_ic { display: grid; gap: 16px; height: 100%; padding: 16px; }
.mobil_arka { position: fixed; inset: 0; background: rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: opacity .2s ease; z-index: 50; }
.mobil_arka.acik { opacity: 1; visibility: visible; }

.mobil_nav .m_menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.m_oge .m_ac {
width: 100%; text-align: left; padding: 12px 14px;
border: 1px solid var(--kenarlik); background: var(--yardimci);
border-radius: 12px; color: var(--yazi); cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.m_ok { transition: transform .2s ease; }
.m_oge.acik > .m_ac .m_ok { transform: rotate(180deg); }
.m_oge.altli .m_alt { display: none; padding-left: 10px; margin-top: 8px; }
.m_oge.mega  .m_mega { display: none; margin-top: 8px; }
.m_oge.acik .m_alt, .m_oge.acik .m_mega { display: block; }


.m_alt li { list-style: none; }
.m_alt a {
display: block; margin-top: 6px; padding: 10px 12px;
border: 1px solid var(--kenarlik); background: var(--kart); border-radius: 10px; color: inherit;
}
.m_alt a:hover { background: var(--yardimci); }


.m_mega_ic { display: grid; gap: 10px; }
.m_kolon {
border: 1px solid var(--kenarlik); border-radius: 12px; padding: 10px; background: var(--kart);
}
.m_kolon h4 {
margin: 0 0 8px; font-size: .95rem; letter-spacing: .04em; text-transform: uppercase; opacity: .85; padding-bottom: 6px; border-bottom: 1px solid var(--kenarlik);
}
.m_kolon ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.m_kolon a { display: block; padding: 8px 6px; border-radius: 8px; color: inherit; }
.m_kolon a:hover { background: var(--yardimci); }


@media (max-width: 979.98px) { .header_araclar { display: none; } }
.mobil_araclar { display: none !important; }


.kart { background: var(--kart); border: 1px solid var(--kenarlik); border-radius: 16px; box-shadow: var(--golge); padding: 20px; }

.buton { border: 1px solid var(--kenarlik); background: var(--yardimci); color: var(--yazi);
padding: 10px 14px; border-radius: 12px; cursor: pointer; position: relative; overflow: hidden; }
.buton_birincil { border-color: transparent; background: var(--birincil); color: #fff; }
.buton_yesil    { background: #10b981; border-color: #10b981; color: #fff; }
.buton_ikincil  { background: transparent; border-color: var(--birincil); color: var(--birincil); }
.buton_tehlike  { background: #ef4444; border-color: #ef4444; color: #fff; }
.buton_turuncu  { background: #f97316; border-color: #f97316; color: #fff; }
.buton_iz       { background: transparent; border-color: transparent; color: var(--baglanti); }
@keyframes bg_kaydir { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.buton:hover { background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.25), rgba(255,255,255,0)); background-size: 200% 100%; animation: bg_kaydir .8s ease forwards; }

.alan { display: grid; gap: 6px; margin-bottom: 12px; }
.girdi, textarea.girdi, select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--kenarlik); background: #fff; color: #111; }
textarea.girdi { resize: vertical; }
[data-tema="koyu"] .girdi, [data-tema="koyu"] textarea.girdi, [data-tema="koyu"] select { background: #202c3b; color: var(--yazi); border-color: #42546c; }
.onay { display: inline-flex; gap: 8px; align-items: center; }

.bildirim {
position: relative; display: grid; grid-template-columns: auto 1fr auto;
align-items: start; gap: 12px; border: 1px solid transparent;
border-radius: 12px; padding: 12px 14px; margin: 10px 0;
}
.bildirim_bilgi    { background: var(--bilgi-arka);    border-color: var(--bilgi-kenar);    color: var(--bilgi-yazi); }
.bildirim_basarili { background: var(--basarili-arka); border-color: var(--basarili-kenar); color: var(--basarili-yazi); }
.bildirim_uyari    { background: var(--uyari-arka);    border-color: var(--uyari-kenar);    color: var(--uyari-yazi); }
.bildirim_hata     { background: var(--hata-arka);     border-color: var(--hata-kenar);     color: var(--hata-yazi); }
.bildirim_not      { background: var(--not-arka);      border-color: var(--not-kenar);      color: var(--not-yazi); }
.bildirim_simge { font-size: 18px; line-height: 1; margin-top: 2px; }
.bildirim_icerik { min-width: 0; }
.bildirim_kapat { border: none; background: transparent; color: inherit; cursor: pointer; padding: 4px 6px; border-radius: 6px; }
.bildirim_kapat:hover { filter: brightness(0.9); }


.tema_anahtar { display: inline-flex; align-items: center; gap: .6rem; user-select: none; }
.anahtar { appearance: none; width: 50px; height: 28px; border-radius: 999px; background: var(--yardimci); border: 1px solid var(--kenarlik); position: relative; outline: none; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }
.anahtar::after { content: ""; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .2s ease; }
.anahtar:checked::after { transform: translateX(22px); }


.akordiyon { border: 1px solid var(--kenarlik); border-radius: 12px; overflow: hidden; }
.akordiyon_ogesi + .akordiyon_ogesi { border-top: 1px solid var(--kenarlik); }
.akordiyon_baslik {
width: 100%; background: var(--yardimci); color: var(--yazi);
padding: 12px 14px; border: 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer;
}
.akordiyon_icerik { display: none; padding: 12px 14px; background: var(--kart); }
.akordiyon_ogesi.acik .akordiyon_icerik { display: block; }
.akordiyon_ogesi .ok { transition: transform .2s ease; }
.akordiyon_ogesi.acik .ok { transform: rotate(180deg); }


.sekme { border: 1px solid var(--kenarlik); border-radius: 12px; padding: 12px; background: var(--kart); }
.sekme_basliklar { display: flex; gap: 10px; border-bottom: 1px solid var(--kenarlik); padding-bottom: 6px; margin-bottom: 12px; overflow-x: auto; }
.sekme_dugme { border: 1px solid var(--kenarlik); background: var(--yardimci); color: var(--yazi); padding: 8px 12px; border-radius: 10px; cursor: pointer; white-space: nowrap; }
.sekme_dugme[aria-selected="true"] { background: var(--birincil); color: #fff; border-color: var(--birincil); }
.sekme_panel { min-height: 40px; }
.sekme_secim_wrap { display: none; margin-bottom: 10px; }
.sekme_secim_wrap select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--kenarlik); background: #fff; color: #111; }
[data-tema="koyu"] .sekme_secim_wrap select { background: #202c3b; color: var(--yazi); border-color: #42546c; }
@media (max-width: 640px) { .sekme_basliklar { display: none; } .sekme_secim_wrap { display: block; } }


.secim_kabuk { position: relative; }
.secim_baslik {
display: flex; align-items: center; justify-content: space-between; gap: 8px;
border: 1px solid var(--kenarlik); background: #fff; color: #111; padding: 10px 12px; border-radius: 10px; cursor: pointer;
}
[data-tema="koyu"] .secim_baslik { background: #202c3b; color: var(--yazi); border-color: #42546c; }
.secim_ok { transition: transform .2s ease; }
.secim_ok svg {width: 18px; height: 18px; font-size: 12px!important;}
svg.secim_ok {width: 18px; height: 18px; font-size: 12px!important;}
.secim_kabuk.acik .secim_ok { transform: rotate(180deg); }
.secim_liste {
position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 6px);
background: var(--kart); border: 1px solid var(--kenarlik); border-radius: 10px; box-shadow: var(--golge);
display: none; max-height: 260px; overflow: auto;
}
.secim_kabuk.acik .secim_liste { display: block; }
.secim_ogesi { padding: 10px 12px; cursor: pointer; outline: none; }
.secim_ogesi:focus { box-shadow: 0 0 0 2px var(--birincil) inset; }
.secim_ogesi:hover, .secim_ogesi.aktif { background: var(--yardimci); }


.responsive_tablo { width: 100%; border-collapse: collapse; }
.responsive_tablo th, .responsive_tablo td { border: 1px solid var(--kenarlik); padding: .6rem; text-align: left; }
@media (max-width: 640px) {
.responsive_tablo thead { display: none; }
.responsive_tablo tbody tr {
display: grid; grid-template-columns: 1fr;
border: 1px solid var(--kenarlik); border-radius: 12px; margin-bottom: 12px; overflow: hidden;
}
.responsive_tablo tbody td {
border: none; border-bottom: 1px solid var(--kenarlik);
display: grid; grid-template-columns: 120px 1fr; gap: 10px; padding: 10px 12px;
}
.responsive_tablo tbody td::before { content: attr(data-baslik); font-weight: 600; color: var(--baglanti_ust); }
.responsive_tablo tbody tr td:last-child { border-bottom: none; }
}


.site_blok { margin-top: 30px; }
.blog_liste { display: grid; gap: 30px; }
.blog_liste_ikili { grid-template-columns: 1fr; }
@media (min-width: 640px) { .blog_liste_ikili { grid-template-columns: 1fr 1fr; } }

.blog_kart {
background: var(--kart); border: 1px solid var(--kenarlik); border-radius: 16px;
overflow: hidden; box-shadow: var(--golge); display: grid; gap: 0;
}
.blog_gorsel { position: relative; display: block; overflow: hidden; aspect-ratio: 16/9;}
.blog_gorsel img { width: 100%; height: 100%; display: block; object-fit: cover; }
.blog_gorsel::after {
content: ""; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 100%);
transform: skewX(-20deg);
}
.blog_kart:hover .blog_gorsel::after { animation: isildama 1s ease; }
@keyframes isildama { to { left: 150%; } }

.blog_icerik { padding: 16px; display: grid; gap: 8px; }
.blog_baslik { margin: 0; font-size: 1.25rem; }
.blog_baslik a { color: inherit; text-decoration: none; }
.blog_baslik a:hover { color: var(--baglanti_ust); text-decoration: none; }
.blog_ozet { margin: 0; opacity: .9; }
.blog_meta { font-size: .750rem; opacity: .8; display: flex; gap: 8px; align-items: center; }
.blog_meta .ayrac { opacity: .6; }


.tam_footer { margin-top: 40px; background: var(--yardimci); border-top: 1px solid var(--kenarlik); }
.footer_icerik { display: grid; gap: 30px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .footer_icerik { grid-template-columns: 1fr 1fr 1fr 1fr; } }
.footer_liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.bulten_formu { display: grid; gap: 10px; }
.footer_alt { border-top: 1px solid var(--kenarlik); margin-top: 20px; }
.footer_alt_ic { display: grid; gap: 12px; padding: 12px 0; font-size: 14px; }
@media (min-width: 640px) { .footer_alt_ic { grid-template-columns: 1fr auto; align-items: center; } }
.sosyal { display: flex; gap: 8px; justify-content: center; }
[data-tema="acik"] .footer_liste a {color: var(--yazi);}
.footer_liste a {color: #d4e8ff78;}
.footer_liste a:hover {opacity: 0.5;}

.footer_baslik {
font-size:18px; margin:0 0 15px 0px; position:relative; padding-bottom:11px;
}
.footer_baslik::after{
content:""; position:absolute; left:0; bottom:0; height:3px; width:60px;
background:linear-gradient(90deg, var(--birincil), color-mix(in srgb, var(--birincil) 40%, transparent), var(--baglanti));
background-size:200% 100%; animation:kayanRenk 3.2s linear infinite;
border-radius:3px;
}
.sosyal strong {
background-image: linear-gradient(90deg,#4f86ff,#22d3ee,#818cf8,#c084fc,#4f86ff);
background-size: 320% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: thewpLogoGrad 4.8s linear infinite;
will-change: background-position;
}



.izlek { margin-top: 10px; }
.izlek ol { list-style: none; padding: 8px 12px; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 12px; background: var(--yardimci); border: 1px solid var(--kenarlik); border-radius: 12px; }
.izlek li { display: inline-flex; align-items: center; gap: 8px; color: inherit; }
.izlek li + li::before { content: "›"; opacity: .6; }
.izlek a { color: inherit; text-decoration: none; }
.izlek a:hover { color: var(--baglanti_ust); text-decoration: none; }
.izlek li.aktif { opacity: .85; }


.etiketler {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.rozet {
display: inline-block; padding: 4px 10px; border-radius: 999px;
border: 1px solid var(--kenarlik); background: transparent; color: inherit; font-size: .875rem;
}
.rozet_yesil { border-color: #10b981; color: #065f46; }
[data-tema="koyu"] .rozet_yesil { color: #a7f3d0; }
.rozet_gri { border-color: #cbd5e1; color: #475569; }
[data-tema="koyu"] .rozet_gri { border-color: #334155; color: #cbd5e1; }
.rozet_birincil { border-color: var(--birincil); color: var(--birincil); }

.ilerleme { width: 100%; background: rgba(0,0,0,.06); border-radius: 999px; overflow: hidden; height: 10px; margin-top: 8px; }
[data-tema="koyu"] .ilerleme { background: rgba(255,255,255,.08); }
.ilerleme_cubugu { height: 100%; background: var(--birincil); border-radius: 999px; }

.iskelet {
border-radius: 10px;
background: linear-gradient(90deg, var(--yardimci) 25%, rgba(0,0,0,0.06) 37%, var(--yardimci) 63%);
background-size: 400% 100%;
animation: iskelet-anim 1.4s ease infinite;
}
@keyframes iskelet-anim { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

.duyuru_cubugu {
display: flex; align-items: center; gap: 10px;
border: 1px dashed var(--kenarlik); background: rgba(0,0,0,.02);
padding: 10px 12px; border-radius: 12px;
}
[data-tema="koyu"] .duyuru_cubugu { background: rgba(255,255,255,.03); }






.mobil_ic { gap: 14px; }
.mobil_nav .m_menu { gap: 8px; }


.m_oge .m_ac {
position: relative;
background: linear-gradient(180deg, var(--yardimci), rgba(0,0,0,0));
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.m_oge .m_ac:hover { box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.m_oge.acik > .m_ac {
border-color: var(--birincil);
box-shadow: inset 3px 0 0 var(--birincil), 0 2px 12px rgba(0,0,0,.08);
}


.m_oge.altli .m_alt {
display: none;
margin-top: 8px;
padding: 8px 10px 8px 12px;
background: var(--kart);
border: 1px solid var(--kenarlik);
border-radius: 10px;
box-shadow: var(--golge);
}
.m_oge.acik .m_alt { display: block; }
.m_alt li { list-style: none; }
.m_alt a {
display: block;
padding: 8px 10px;
border-radius: 8px;
color: inherit;
}
.m_alt a:hover { background: var(--yardimci); }


.m_oge.mega .m_mega {
display: none;
margin-top: 8px;
background: var(--kart);
border: 1px solid var(--kenarlik);
border-radius: 12px;
box-shadow: var(--golge);
padding: 10px;
}
.m_oge.mega.acik .m_mega { display: block; }
.m_mega_ic { display: grid; gap: 12px; }
.m_kolon { background: transparent; border: 1px dashed var(--kenarlik); border-radius: 10px; padding: 10px; }
.m_kolon h4 {
margin: 0 0 8px;
font-size: .95rem;
letter-spacing: .04em;
text-transform: uppercase;
opacity: .85;
border-bottom: 1px solid var(--kenarlik);
padding-bottom: 6px;
}
.m_kolon ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.m_kolon ul a {
display: block; padding: 8px 8px; border-radius: 8px; color: inherit;
}
.m_kolon ul a:hover { background: var(--yardimci); }


.m_ok { opacity: .85; }


.mobil_menu { box-shadow: 0 10px 30px rgba(0,0,0,.2); }


.mega_sutun a i { display: none !important; }

.mega_sutun a {
position: relative;
padding-left: 2px;
}
.mega_sutun a::before {
content: "";
position: absolute;
left: 0; top: 50%;
width: 0; height: 2px;
background: var(--header-aksan);
transform: translateY(-50%);
transition: width .22s ease;
border-radius: 2px;
}
.mega_sutun a:hover::before { width: 26px; }





.araclar_listesi { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.arac_kutu a {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 14px;
padding: 14px 16px;
background: var(--kart);
border: 1px solid var(--kenarlik);
border-radius: 16px;
box-shadow: var(--golge);
color: inherit;
text-decoration: none;
overflow: hidden;
isolation: isolate;
}


.arac_kutu a::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(135deg, var(--ac1), var(--ac2));
opacity: .12;
z-index: -1;
transition: opacity .25s ease, transform .25s ease;
}


.arac_kutu a::before {
content: "";
position: absolute; left: 0; top: 0; bottom: 0;
width: 4px; border-radius: 16px 0 0 16px;
background: linear-gradient(180deg, var(--ac1), var(--ac2));
transition: width .25s ease;
}


.arac_simge {
width: 42px; height: 42px; border-radius: 12px;
display: grid; place-items: center;
color: #fff;
background: linear-gradient(135deg, var(--ac1), var(--ac2));
box-shadow: 0 6px 16px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.18);
}


.arac_bilgi { display: grid; gap: 2px; min-width: 0; }
.arac_baslik { font-size: 1.05rem; line-height: 1.35; margin: 0; }
.arac_aciklama { font-size: .9rem; opacity: .85; }


.uzun_ok { opacity: .85; transition: transform .2s ease, opacity .2s ease; }


.arac_kutu a:hover::after { opacity: .22; transform: scale(1.02); }
.arac_kutu a:hover::before { width: 10px; }
.arac_kutu a:hover .uzun_ok { transform: translateX(4px); opacity: 1; }


.arac_kutu a:focus-visible,
.arac_kutu a:hover {
background-image:
linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
background-size: 220% 100%;
animation: arac_isilti .9s ease forwards;
}
@keyframes arac_isilti { to { background-position: -220% 0; } }


.arac_kutu a:focus-visible { outline: 2px solid var(--birincil); outline-offset: 2px; }


.arac_wp     { --ac1:#3b82f6; --ac2:#06b6d4; }
.arac_hiz    { --ac1:#f59e0b; --ac2:#ef4444; }
.arac_seo    { --ac1:#8b5cf6; --ac2:#7c3aed; }
.arac_sifre  { --ac1:#10b981; --ac2:#059669; }
.arac_qr     { --ac1:#64748b; --ac2:#6366f1; }
.arac_hash   { --ac1:#f43f5e; --ac2:#ec4899; }
.arac_sira   { --ac1:#f59e0b; --ac2:#84cc16; }
.arac_minify { --ac1:#06b6d4; --ac2:#3b82f6; }
.arac_bot    { --ac1:#14b8a6; --ac2:#4f46e5; }


[data-tema="koyu"] .arac_kutu a::after { opacity: .10; }
[data-tema="koyu"] .arac_kutu a:hover::after { opacity: .18; }


@media (max-width: 480px) {
.arac_baslik   { font-size: 1rem; }
.arac_aciklama { font-size: .875rem; }
}





.yazi_spot{ margin:6px 0 10px; font-size:clamp(1.02rem,1.2vw,1.12rem); line-height:1.65; opacity:.95; }


.oran_16_9{ aspect-ratio:16/9; }
.oran_1_1{ aspect-ratio:1/1; }
.oran_16_9>img,
.oran_1_1>img{ width:100%; height:100%; object-fit:cover; display:block; }
.yazi_kapak{ border-radius:16px; overflow:hidden; box-shadow:var(--golge); }



.yazi_ust_bar{
display:grid; grid-template-columns:1fr auto 1fr; grid-template-areas:"tarih sosyal oy";
align-items:center; gap:12px; padding:10px 0 6px;
border-bottom:1px solid var(--kenarlik, var(--kenar, #e5e7eb));
}
.yazi_ust_bar .yazi_meta{ grid-area:tarih; display:flex; gap:8px; align-items:center; opacity:.9; }
.yazi_ust_bar .yazi_paylas_kisa{ grid-area:sosyal; justify-self:center; }
.yazi_ust_bar .yazi_puan{ grid-area:oy; justify-self:end; }


@media (max-width: 768px){
.yazi_ust_bar{
grid-template-columns:1fr auto; grid-template-areas:"tarih sosyal" "oy oy";
}
.yazi_ust_bar .yazi_puan{ justify-self:center; margin-top:4px; }
}






.yazi_govde .resim_yanla{

  --ry-gap: clamp(.75rem, 1.5vw, 1rem);
  --ry-block-space: 1.25rem;

  display: flex;
  align-items: stretch;
  gap: var(--ry-gap);
  margin-block: var(--ry-block-space);
  padding-block: .125rem;
  clear: both;
  isolation: isolate;
}


.yazi_govde .resim_yanla :is(img,figure).alignleft,
.yazi_govde .resim_yanla :is(img,figure).alignright,
.yazi_govde .resim_yanla :is(img,figure).aligncenter{
  float: none !important;
  margin: 0 !important;
}


.yazi_govde .resim_yanla :is(img,figure){
  flex: 0 0 auto;
  display: block;
  max-width: min(100%, 436px);
  height: auto;
  align-self: center;
}


.yazi_govde .resim_yanla > div{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .375rem;
}


.yazi_govde .resim_yanla :is(img,figure){ order: 0; }
.yazi_govde .resim_yanla > div{ order: 1; }


.yazi_govde .resim_yanla :is(img,figure).alignright{ order: 2; }


.yazi_govde .resim_yanla:has(:is(img,figure).aligncenter){
  flex-direction: column;
}
.yazi_govde .resim_yanla:has(:is(img,figure).aligncenter) :is(img,figure){
  align-self: center;
}


.yazi_govde .resim_yanla > div > h3:first-child{ margin-top: 0; }
.yazi_govde .resim_yanla > div > *:last-child{ margin-bottom: 0; }


.yazi_govde .resim_yanla + .resim_yanla{ margin-top: calc(var(--ry-block-space) + .25rem); }


@media (max-width: 768px){
  .yazi_govde .resim_yanla{
    flex-direction: column;
    gap: .75rem;
  }
  .yazi_govde .resim_yanla :is(img,figure){
    order: 0 !important;
    align-self: center;
  }
  .yazi_govde .resim_yanla > div{
    order: 1 !important;
  }
}


.yazi_govde .resim_yanla > div{
  overflow-wrap: anywhere;
  word-break: normal;
}



.yazi_govde img.alignleft,
.yazi_govde .alignleft,
.yazi_govde figure.alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
}
.yazi_govde img.alignright,
.yazi_govde .alignright,
.yazi_govde figure.alignright {
  float: right;
  margin: 0 0 1rem 1rem;
}
.yazi_govde img.aligncenter,
.yazi_govde .aligncenter,
.yazi_govde figure.aligncenter {
  display: block;
  margin-inline: auto;
  margin-block: 1rem;
  float: none;
}
@media (max-width: 768px) {
  .yazi_govde .alignleft,
  .yazi_govde .alignright,
  .yazi_govde img.alignleft,
  .yazi_govde img.alignright,
  .yazi_govde figure.alignleft,
  .yazi_govde figure.alignright {
    float: none;
    display: block;
    margin: 0 auto 1rem;
  }
}







.yazi_paylas_kisa{
display: inline-flex;
align-items: center;
gap: 8px;
}


.yazi_paylas_kisa .buton.buton_iz{
width: 36px;
height: 36px;
padding: 0;
display: inline-grid;
place-items: center;
border-radius: 10px;
border: 1px solid var(--kenarlik, var(--kenar, #e5e7eb));
background: var(--kart, #fff);
color: var(--yazi, #0b132b);
text-decoration: none;
box-shadow: none;
transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}
html[data-tema="koyu"] .yazi_paylas_kisa .buton.buton_iz{
background: var(--kart, #121826);
color: var(--yazi, #e5e7eb);
border-color: var(--kenarlik, var(--kenar, #1f2937));
}


.yazi_paylas_kisa .buton.buton_iz:hover{
border-color: color-mix(in srgb, var(--birincil, #3b82f6) 45%, transparent);
}


.yazi_paylas_kisa .buton.buton_iz:focus-visible{
outline: 2px solid color-mix(in srgb, var(--birincil, #3b82f6) 70%, transparent);
outline-offset: 2px;
}


.yazi_paylas_kisa .buton.buton_iz i{ font-size: 16px; line-height: 1; }


.yazi_paylas_kisa .pay_x:hover  i{ color: #3b82f6; }
.yazi_paylas_kisa .pay_fb:hover i{ color: #1877F2; }
.yazi_paylas_kisa .pay_ln:hover i{ color: #0A66C2; }
.yazi_paylas_kisa .pay_wa:hover i{ color: #25D366; }
.yazi_paylas_kisa .pay_kopya:hover i{ color: #f50000; }


html.tema-gecis .yazi_paylas_kisa .buton.buton_iz{
transition: transform .18s ease, border-color .25s ease, background-color .25s ease, color .25s ease;
}


.yazi_ust_bar .yazi_paylas_kisa{ justify-self: center; }
@media (max-width: 768px){
.yazi_ust_bar .yazi_paylas_kisa{ margin-top: 0; }
}



.yildizlar {
display: flex;
gap: 1px;
}
.yazi_puan .yildiz{
background:none; border:none; width:auto; height:auto; padding:2px;
}
.yazi_puan .yildiz i{ font-size:20px; transition: color .18s ease, transform .25s ease; color: #f59e0b; cursor: pointer; }
.yazi_puan .yildiz.dolu i { color:#fbbf24; }
.yazi_puan .yildiz:focus-visible{ outline:2px solid color-mix(in srgb, var(--birincil) 70%, transparent); outline-offset:2px; }


.yazi_bosluk{ margin-top:16px; }


.yazi_etiketler{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 0;
border-top:1px solid var(--kenarlik,var(--kenar,#e5e7eb)); }



.yazar_kutu{
--yk-bg: color-mix(in srgb, var(--yardimci, #f3f4f6) 65%, transparent);
background: linear-gradient(180deg, var(--yk-bg), var(--kart, #fff));
border: 1px solid var(--kenarlik, var(--kenar, #e5e7eb));
border-radius: var(--yaricap, 16px);
padding: 16px;
}

html[data-tema="koyu"] .yazar_kutu{
--yk-bg: color-mix(in srgb, var(--yardimci, #151a2b) 55%, transparent);
border-color: var(--kenarlik, var(--kenar, #1f2937));
}


.yazar_ic{
display: grid;
grid-template-columns: 96px 1fr;
gap: 16px;
align-items: center;
}
@media (max-width: 640px){
.yazar_ic{ grid-template-columns: 72px 1fr; gap: 12px; }
}


.yazar_avatar{
width: 96px; height: 96px;
border-radius: 14px; overflow: hidden;
box-shadow: var(--golge, 0 10px 24px rgba(0,0,0,.08));
}
.yazar_avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width: 640px){
.yazar_avatar{ width:72px; height:72px; border-radius: 12px; }
}


.yazar_bilgi{ display:flex; flex-direction:column; gap:8px; min-width:0; }
.yazar_ad{
font-size: clamp(1.05rem, 2vw, 1.25rem);
color: var(--yazi, #0b132b);
}
html[data-tema="koyu"] .yazar_ad{ color: var(--yazi, #e5e7eb); }

.yazar_aciklama{
margin: 0;
opacity: .9;
line-height: 1.6;
}


.yazar_alt{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 12px;
margin-top: 2px;
}


.yazar_sosyal{ display:flex; gap:8px; }
.ys_btn{
width:36px; height:36px; display:inline-grid; place-items:center;
border-radius: 10px;
border: 1px solid var(--kenarlik, var(--kenar, #e5e7eb));
background: var(--kart, #fff);
text-decoration:none; color: var(--yazi, #0b132b);
transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
html[data-tema="koyu"] .ys_btn{
background: var(--kart, #121826);
color: var(--yazi, #e5e7eb);
border-color: var(--kenarlik, var(--kenar, #1f2937));
}
.ys_btn:hover{ border-color: color-mix(in srgb, var(--birincil, #3b82f6) 50%, transparent); }


.yazar_eposta{
display:inline-flex; align-items:center; gap:8px;
padding: 8px 10px;
border-radius: 10px;
border: 1px dashed var(--kenarlik, var(--kenar, #e5e7eb));
background: var(--kart, #fff);
text-decoration:none; color: var(--yazi, #0b132b);
transition: border-color .18s ease, background-color .18s ease;
}
html[data-tema="koyu"] .yazar_eposta{
background: var(--kart, #121826);
color: var(--yazi, #e5e7eb);
border-color: var(--kenarlik, var(--kenar, #1f2937));
}
.yazar_eposta:hover{ border-color: color-mix(in srgb, var(--birincil, #3b82f6) 45%, transparent); }



html.tema-gecis .yazar_kutu,
html.tema-gecis .yazar_kutu *{
transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}



.yorumlar{ display:grid; gap:10px; }
.yorum_liste{ list-style:none; margin:0; padding:0; border-top:1px solid var(--kenarlik,var(--kenar,#e5e7eb)); }
.yorum{ border-bottom:1px solid var(--kenarlik,var(--kenar,#e5e7eb)); padding:10px 0; }
.yorum_govde{ padding:0; }
.yorum_baslik{ display:flex; gap:8px; align-items:baseline; }
.yorum_yazar{ font-weight:600; }
.yorum_baslik time{ font-size:.9rem; opacity:.7; }
.yorum_icerik{ margin-top:6px; }
.yorum_aksiyon{ margin-top:6px; }
.cocuklar{ list-style:none; padding-left:14px; margin:6px 0 0; border-left:2px dashed var(--kenarlik,var(--kenar,#e5e7eb)); }
.cocuklar .yorum{ padding-left:10px; }

body.yk-noscroll{ overflow:hidden; }


.yorum-kurali{
display:flex; align-items:center; gap:.6rem;
color:var(--yazi); font-size:15px; line-height:1.55;
}


#respond .yorum-aksiyon{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px 16px;
flex-wrap:wrap;
margin-top:12px;
}


#respond .yorum-aksiyon .yorum-kurali{
flex:1 1 420px;
min-width:260px;
}


form#respond button.buton.buton_birincil{
flex:0 0 auto;
white-space:nowrap;
margin-left:auto;
}


@media (max-width: 600px){
#respond .yorum-aksiyon{ align-items:stretch; }
form#respond button.buton.buton_birincil{
width:100%;
}
}

.yorum-kurali label {cursor: pointer;}
.yorum-kurali label a{
color:var(--baglanti); text-decoration:underline;
}
.yorum-kurali label a:hover{ color:var(--baglanti_ust); text-decoration:none; }

.yorum-kurali input[type="checkbox"]{
accent-color: var(--birincil);
-webkit-appearance:none; appearance:none;
width:22px; height:22px; margin-top:2px; flex:0 0 22px;
background:var(--kart); border:2px solid var(--kenarlik); border-radius:6px;
position:relative; cursor:pointer; outline:none;
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.yorum-kurali input[type="checkbox"]:hover{
border-color: var(--baglanti);
}
.yorum-kurali input[type="checkbox"]:focus-visible{
box-shadow: 0 0 0 3px color-mix(in srgb, var(--birincil) 35%, transparent);
border-color: var(--birincil);
}
.yorum-kurali input[type="checkbox"]:checked{
background: var(--birincil); border-color: var(--birincil);
}
.yorum-kurali input[type="checkbox"]::after{
content:""; position:absolute; inset:0; margin:auto;
width:14px; height:14px; transform: scale(.6); opacity:0;
transition: transform .16s ease, opacity .16s ease;
background: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\
<polyline points='4 10.5 8.2 14.5 16 6' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}
.yorum-kurali input[type="checkbox"]:checked::after{
transform: scale(1); opacity:1;
}


.yk-modal[hidden]{ display:none !important; }
.yk-modal{
position:fixed; inset:0; z-index:9999;
display:grid; place-items:center;
padding:16px;
background: rgba(0,0,0,.6);
}

.yk-modal__dialog{
width:min(720px, 100%);
height:460px;
background:var(--kart); color:var(--yazi);
border:1px solid var(--kenarlik);
border-radius:16px; box-shadow: var(--golge);
overflow:hidden; position:relative;
display:flex; flex-direction:column;
animation: yk-pop .18s ease-out both;
}

.yk-modal__content{
flex:1 1 auto;
padding:20px; line-height:1.65; font-size:15px;
overflow:auto; -webkit-overflow-scrolling: touch;
}

.yk-modal__content{
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--baglanti) 55%, var(--yardimci)) var(--yardimci);
}
.yk-modal__content::-webkit-scrollbar{ width:10px; }
.yk-modal__content::-webkit-scrollbar-track{
background: var(--yardimci); border-radius:8px;
}
.yk-modal__content::-webkit-scrollbar-thumb{
background: color-mix(in srgb, var(--baglanti) 55%, var(--yardimci));
border-radius:8px; border:2px solid var(--yardimci);
}
.yk-modal__content::-webkit-scrollbar-thumb:hover{
background: color-mix(in srgb, var(--baglanti_ust) 60%, var(--yardimci));
}
.yk-close{
position:absolute; top:2px; right:2px;
width:40px; height:40px;
display:inline-grid; place-items:center;
border:none; background:transparent; cursor:pointer;
color:var(--baglanti);
border-radius:8px;
}
.yk-close:hover{ color:var(--baglanti_ust); }
.yk-close:focus-visible{
outline:3px solid color-mix(in srgb, var(--birincil) 35%, transparent);
outline-offset:2px;
}
.yk-close svg{ width:22px; height:22px; }

@media (max-width: 768px){
.yk-modal{ padding:12px; }
.yk-modal__dialog{
height:min(85vh, 600px);
border-radius:14px;
height:360px;
}
.yk-modal__content{ padding:16px; }
}

@media (prefers-reduced-motion: reduce){
.yk-modal__dialog{ animation:none; }
}

@keyframes yk-pop{
from{ transform: translateY(8px) scale(.98); opacity:0; }
to{ transform:none; opacity:1; }
}




.yorum_formu .alan_grup{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
@media (max-width:768px){ .yorum_formu .alan_grup{ grid-template-columns:1fr; } }


.blog_liste_dortlu{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
@media (max-width:1024px){ .blog_liste_dortlu{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .blog_liste_dortlu{ grid-template-columns:1fr; } }


h2.kart_basliklari {
font-size:1.15rem; margin:0 0 15px 0px; position:relative; padding-bottom:11px;
}
h2.kart_basliklari_iki {
font-size:1.5rem; margin:0 0 0px 0px; position:relative; padding-bottom:11px;
}
h2.kart_basliklari::after,
h2.kart_basliklari_iki::after{
content:""; position:absolute; left:0; bottom:0; height:3px; width:80px;
background:linear-gradient(90deg, var(--birincil), color-mix(in srgb, var(--birincil) 40%, transparent), var(--baglanti));
background-size:200% 100%; animation:kayanRenk 3.2s linear infinite;
border-radius:3px;
}
@keyframes kayanRenk{ 0%{background-position:0 0;} 100%{background-position:200% 0;} }

.son_liste{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.son_liste li a{
display:grid; grid-template-columns:56px 1fr; gap:12px; align-items:center;
border:1px solid var(--kenarlik,var(--kenar,#e5e7eb)); background:var(--kart);
border-radius:12px; padding:8px 10px; text-decoration:none;
transition: border-color .18s ease, transform .18s ease;
}
.son_liste li a:hover{
border-color:color-mix(in srgb, var(--birincil) 45%, var(--kenarlik, var(--kenar, #e5e7eb)));
}
.son_gorsel{ width:56px; height:56px; overflow:hidden; border-radius:10px; }
.son_gorsel img{ width:100%; height:100%; object-fit:cover; display:block; }
.son_bilgi{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.son_baslik{ font-weight:600; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.son_bilgi time{ font-size:.88rem; opacity:.7; }


.yazi_sutun{ display:grid; gap:16px; min-width:0; }


html[data-tema="acik"] .son_eklenenler,
html[data-tema="acik"] h2.kart_basliklari,
html[data-tema="acik"] h2.kart_basliklari_iki,
html[data-tema="acik"] .son_eklenenler .son_liste li a,
html[data-tema="acik"] .son_eklenenler .son_baslik,
html[data-tema="acik"] .son_eklenenler .son_bilgi time {
color: var(--yazi, #0b132b);
}
html[data-tema="acik"] pre.kod_blok {
background: #f0f0f0;
color: var(--yazi);
}



.sr_only{
position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.ara_kart{    background: var(--kart);
border: 1px solid var(--kenarlik);
border-radius: 16px;
box-shadow: var(--golge);
padding: 20px;}
.ara_form{ display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; }

.ara_kutu{
padding:2px;
border-radius:12px;
background-image: linear-gradient(90deg,
#f59e0b, #f97316, #f50000,#fdba74, #f59e0b);
background-size:300% 100%;
background-position:0% 50%;
animation: borderFlow 6s linear infinite;
}
@keyframes borderFlow{
0%   { background-position:   0% 50%; }
100% { background-position: 300% 50%; }
}
.ara_inp{
width:100%; height:46px; display:block;
border:0; border-radius:10px; outline:none;
background:var(--yardimci,#f3f4f6); color:var(--yazi,#0b132b);
padding:0 12px;
transition: background-color .2s ease, box-shadow .2s ease;
}
html[data-tema="koyu"] .ara_inp{ background:#0f162b; color:#e5e7eb; }
.ara_inp::placeholder{ opacity:.72; }
.ara_inp:focus{ box-shadow:0 0 0 3px color-mix(in srgb, #f97316 28%, transparent); }
.ara_btn.buton_turuncu {
min-height:50px; border:0; border-radius:10px; padding:0 16px; font-weight:700; position:relative; overflow:hidden;
color:#fff;
}
html[data-tema="acik"] .ara_btn.buton_turuncu {border-color: transparent; background: var(--birincil);}
html[data-tema="acik"] .buton.ara_btn.buton_turuncu:hover {
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25), rgba(255, 255, 255, 0));
background-size: 200% 100%;
animation: bg_kaydir .8s ease forwards;
}
html[data-tema="acik"] .ara_kutu{
background-image: linear-gradient(90deg,
#0a7bff, #6fb5ff, #2f7de8, #8bbfff, #0b4df5);
}
html[data-tema="acik"] .ara_inp:focus{ box-shadow:0 0 0 3px color-mix(in srgb, #0b4df5 28%, transparent); }

@media (max-width:480px){
.ara_form{ grid-template-columns:1fr; gap:8px; }
.ara_btn{ width:100%; }
}








:root{
--sp1:#fbbf24;
--sp2:#f59e0b;
--sp3:#f97316;
}
html[data-tema="koyu"]{
--sp1:#f59e0b;
--sp2:#fb923c;
--sp3:#f97316;
}


.ilan_forum{
list-style:none; margin:30px 0px 0px 0px; padding:0;
display:grid; gap:20px;
}


.ilan_satir{ position:relative; }


.ilan_link{
position:relative;
display:grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
gap:8px;
padding:14px 16px 12px 18px;
text-decoration:none;
background: var(--kart, #fff);
border: 2px solid var(--kenar, #e5e7eb);
border-radius:14px;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.ilan_link:hover{
border-color: color-mix(in srgb, var(--birincil,#3b82f6) 45%, var(--kenar,#e5e7eb));
box-shadow: var(--golge, 0 10px 24px rgba(0,0,0,.08));
}
.ilan_link:focus-visible{
outline:3px solid color-mix(in srgb, var(--birincil,#3b82f6) 35%, transparent);
outline-offset:2px;
}


.ilan_link::before{
content:""; position:absolute; left:-2px; top:10px; bottom:10px; width:6px; border-radius:6px;
background: linear-gradient(180deg,
color-mix(in srgb, var(--birincil,#3b82f6) 80%, transparent),
color-mix(in srgb, var(--birincil,#3b82f6) 40%, transparent)
);
background-size: 100% 200%;
transition: width .22s ease, background-position .6s ease, opacity .22s ease;
opacity:.85;
}
.ilan_link:hover::before{ width:8px; background-position: 0 100%; opacity:1; }


.ilan_title{
font-weight:800; font-size:1.04rem; line-height:1.32; color: var(--yazi,#0b132b);
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
padding-right:88px;
}
html[data-tema="koyu"] .ilan_title{ color:#e5e7eb; }


.ilan_meta2{
display:flex; flex-wrap:wrap; align-items:center; gap:12px;
color: var(--yazi,#0b132b); opacity:.9;
}
html[data-tema="koyu"] .ilan_meta2{ color:#e5e7eb; opacity:.85; }


.ilan_meta2 .meta{ display:inline-flex; align-items:center; gap:6px; font-size:12px; }
.ilan_meta2 i{ opacity:.75; }


.ilan_meta2 .ilan_puan2{
margin-left:auto; display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
}


.yildiz_kutu{ position:relative; display:inline-block; line-height:1; font-size:1.02rem; }
.yildiz_base{ color: color-mix(in srgb, var(--yazi,#0b132b) 35%, transparent); letter-spacing:.06em; }
html[data-tema="koyu"] .yildiz_base{ color: color-mix(in srgb, #e5e7eb 40%, transparent); }
.yildiz_fill{
position:absolute; left:0; top:0; width: calc(var(--puan,0) * 20%); overflow:hidden; white-space:nowrap;
color:#facc15;
letter-spacing:.06em;
}
.puan_sayi{
font-weight:800; font-size:.78rem; letter-spacing:.01em; opacity:.92;
}
.puan_adet{
font-size:.72rem; opacity:.78;
}


.ilan_sponsor_badge{
position:absolute; top:8px; right:12px; z-index:2;
padding:4px 10px; border-radius:999px; font-size:.65rem; font-weight:900; letter-spacing:.03em;
color:#111;
background: linear-gradient(90deg, var(--sp1), var(--sp2), var(--sp3));
box-shadow: 0 4px 12px rgba(0,0,0,.12);
}


.ilan_satir.sponsorlu .ilan_link{
border-color: transparent;
position:relative;
}
.ilan_satir.sponsorlu .ilan_link::after{
content:""; position:absolute; inset:0; border-radius:14px; padding:2px; z-index:0;
background: linear-gradient(90deg, var(--sp1), var(--sp2), var(--sp3), var(--sp1));
background-size: 220% 100%;

-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events:none;
transition: background-position .6s ease, filter .2s ease, opacity .2s ease;
}
.ilan_satir.sponsorlu .ilan_link:hover::after{
background-position: 100% 0;
filter: saturate(1.05) brightness(1.02);
}


.ilan_satir.sponsorlu .ilan_link::before{
background: linear-gradient(180deg,
color-mix(in srgb, var(--sp2) 85%, transparent),
color-mix(in srgb, var(--sp2) 40%, transparent)
);
background-size:100% 200%;
}


@media (max-width: 980px){
.ilan_title{ font-size:1.02rem; }
}
@media (max-width: 768px){
.ilan_link{ gap:6px; padding:12px 14px 10px 16px; }
}
@media (max-width: 640px){
.ilan_meta2{ gap:10px; }
.ilan_meta2 .ilan_puan2{
order:99; width:100%; justify-content:flex-end; margin-left:0;
}
.ilan_title{ padding-right:80px; }
}



.sayfalama,
.navigation.pagination .nav-links{
display:flex; flex-wrap:wrap; gap:8px;
align-items:center; justify-content:center;
margin:16px 0;
width: 100%;
}


.pg,
.navigation.pagination .page-numbers,
a.prev.page-numbers,
a.next.page-numbers {
position:relative;
display:inline-flex; align-items:center; justify-content:center;
min-width:40px; height:40px; padding:0 12px;
border-radius:12px;
background: var(--kart);
border:1px solid var(--kenar);
color: var(--yazi);
text-decoration:none;
font-weight:600; line-height:1;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
html[data-tema="acik"] a.prev.page-numbers:hover,
html[data-tema="acik"] a.next.page-numbers:hover {
background-image: linear-gradient(90deg,
color-mix(in srgb, var(--birincil) 80%, #000 10%),
color-mix(in srgb, var(--baglanti) 90%, #000 5%)
);
color: #ffffff;
}


.pg.uc-nokta,
.navigation.pagination .page-numbers.dots{
min-width:auto; padding:0 8px; border-style:dashed; opacity:.7; cursor:default;
}


.pg.aktif,
.navigation.pagination .page-numbers.current{
color:#fff;
border-color: transparent;
background-image: linear-gradient(90deg,
color-mix(in srgb, var(--birincil) 85%, #fff 15%),
var(--baglanti)
);

background-size: 100% 100%;
box-shadow: 0 6px 16px rgba(0,0,0,.10);
}


.sayfalama a.pg:hover,
.navigation.pagination .page-numbers:not(.current):hover{
color:#fff;
border-color: transparent;
background-image: linear-gradient(90deg,
color-mix(in srgb, var(--birincil) 85%, #fff 15%),
var(--baglanti)
);
background-size: 180% 100%;
animation: pgFlow 5s linear infinite;
box-shadow: 0 8px 18px rgba(0,0,0,.12);
text-decoration:none;
}


.sayfalama .pg.aktif:hover,
.navigation.pagination .page-numbers.current:hover{
background-size: 180% 100%;
animation: pgFlow 5s linear infinite;
}


.sayfalama a:hover::after,
.navigation.pagination .page-numbers:not(.current):hover::after,
.navigation.pagination .page-numbers.current:hover::after{
content:none !important;
}


.sayfalama a:focus-visible,
.navigation.pagination .page-numbers:focus-visible{
outline:3px solid color-mix(in srgb, var(--birincil) 35%, transparent);
outline-offset:2px;
}


html[data-tema="koyu"] .pg,
html[data-tema="koyu"] .navigation.pagination .page-numbers,
html[data-tema="koyu"] a.prev.page-numbers,
html[data-tema="koyu"] a.next.page-numbers {
background:#0f162b; border-color:#1f2937; color:#e5e7eb;
}
html[data-tema="koyu"] .pg.aktif,
html[data-tema="koyu"] .navigation.pagination .page-numbers.current,
html[data-tema="koyu"] .sayfalama a.pg:hover,
html[data-tema="koyu"] .navigation.pagination .page-numbers:not(.current):hover,
html[data-tema="koyu"] a.prev.page-numbers:hover,
html[data-tema="koyu"] a.next.page-numbers:hover {
background-image: linear-gradient(90deg,
color-mix(in srgb, var(--birincil) 80%, #000 10%),
color-mix(in srgb, var(--baglanti) 90%, #000 5%)
);
}


@keyframes pgFlow{
0%{ background-position: 0% 50%; }
100%{ background-position: 180% 50%; }
}


@media (max-width:480px){
.pg,
.navigation.pagination .page-numbers{
min-width:36px; height:36px; padding:0 10px;
}
}

.sayfa_title{
font-weight:700;
margin:.5rem 0;
line-height:1.1;
letter-spacing:.5px;
font-size:clamp(1.5rem,2.5vw + .75rem,1.9rem);
color:var(--yazi);
}
.sayfa_subtitle{
color:var(--not-yazi);
margin: 10px 0px 30px 0px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}































@media (min-width: 981px) and (max-width: 1120px) {
.logo {font-size: 20px;}
.menu_oge > a, .alt_menu a {font-size: 14px;}
.araclar_tetik {font-size: 14px; width: 110px; gap: 0px;}
.araclar_tetik i.fa-solid.fa-screwdriver-wrench {display: none;}
}

@media (max-width: 980px) {
.header_ic {gap: 0px;}
.header_sag {
justify-content: flex-end;
}
}


.thewp-upgrade-callout{
  border:1px solid color-mix(in srgb, var(--birincil) 30%, var(--kenarlik));
  background:
    radial-gradient(900px 220px at 110% -20%, color-mix(in srgb, var(--birincil) 16%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--yardimci) 55%, transparent), var(--kart));
  border-radius:16px;
  padding:16px;
  box-shadow:var(--golge);
  display:grid;
  gap:12px;
}
.thewp-upgrade-callout__head{display:grid;gap:8px}
.thewp-upgrade-callout__head h3{margin:0;font-size:1.05rem;line-height:1.3;color:var(--yazi)}
.thewp-upgrade-callout__badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;padding:5px 10px;border-radius:999px;
  background:color-mix(in srgb, var(--birincil) 14%, transparent);
  color:var(--birincil);border:1px solid color-mix(in srgb, var(--birincil) 22%, transparent);
  font-weight:700;font-size:.82rem;letter-spacing:.02em;
}
.thewp-upgrade-callout__text{margin:0;color:var(--not-yazi);line-height:1.45}
.thewp-upgrade-callout__meta{
  display:flex;flex-wrap:wrap;gap:8px;
}
.thewp-upgrade-callout__meta span{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--kenarlik);background:var(--kart);
  border-radius:999px;padding:6px 10px;font-size:.88rem;color:var(--yazi);
}
.thewp-upgrade-callout__actions{display:flex;flex-wrap:wrap;gap:8px}
.thewp-upgrade-callout__actions .buton{min-height:40px}
@media (max-width:640px){
  .thewp-upgrade-callout__actions{display:grid;grid-template-columns:1fr}
  .thewp-upgrade-callout__actions .buton{width:100%;justify-content:center}
}