/* TBA teması — "Aurora" tasarımı (Space altyapısı üzerine).
   Varsayılan koyu mod; gündüz modu :root[data-theme="light"] ile. Renkler yalnızca bu dosyanın başındaki bloklarda. */
:root, :root[data-theme="dark"] {
	--bg: #060d16;
	--bg2: #0a1624;
	--card: rgba(255, 255, 255, .04);
	--card-solid: #0c1825;
	--card-hover: rgba(255, 255, 255, .07);
	--line: rgba(255, 255, 255, .08);
	--line-strong: rgba(255, 255, 255, .14);
	--ink: #eaf3fb;
	--ink-2: #8ea3b8;
	--p: #2ba3e0;
	--p-2: #1883ba;
	--p-fill: linear-gradient(135deg, #2ba3e0, #1883ba);
	--p-soft: rgba(43, 163, 224, .14);
	--p-line: rgba(43, 163, 224, .5);
	--glow: rgba(43, 163, 224, .35);
	--accent: #ffb020;
	--ok: #35d39a;
	--shadow: 0 30px 70px rgba(0, 0, 0, .45);
	--shadow-sm: 0 10px 30px rgba(0, 0, 0, .3);
	--aurora-a: .55;
	--grid-line: rgba(255, 255, 255, .035);
	--input: rgba(0, 0, 0, .25);
	--grad-text: linear-gradient(100deg, #7fd3ff 0%, #2ba3e0 45%, #7c8cff 100%);
	--r: 18px;
	--r-lg: 24px;
	--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	color-scheme: dark;
}
:root[data-theme="light"] {
	--bg: #e9edf2;
	--bg2: #dfe4ea;
	--card: #f6f8fa;
	--card-solid: #f6f8fa;
	--card-hover: #ffffff;
	--line: #d5dde5;
	--line-strong: #c2ccd6;
	--ink: #0f2233;
	--ink-2: #5a6774;
	--p: #1883ba;
	--p-2: #0f6f9e;
	--p-fill: linear-gradient(135deg, #2b9fd8, #1677aa);
	--p-soft: #dceef8;
	--p-line: rgba(24, 131, 186, .45);
	--glow: rgba(24, 131, 186, .25);
	--ok: #16a34a;
	--shadow: 0 24px 60px rgba(15, 34, 51, .12);
	--shadow-sm: 0 8px 24px rgba(15, 34, 51, .07);
	--aurora-a: .22;
	--grid-line: rgba(15, 34, 51, .05);
	--input: #eceff3;
	--grad-text: linear-gradient(100deg, #1883ba 0%, #2ba3e0 50%, #5b6cff 100%);
	color-scheme: light;
}

/* ---------- Temel ---------- */
html { scroll-behavior: smooth; }
body {
	font-family: var(--font); background: var(--bg); color: var(--ink); font-size: 16px;
	-webkit-font-smoothing: antialiased; overflow-x: hidden; transition: background-color .25s, color .25s;
}
body.no-scroll { overflow: hidden; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--p); text-decoration: none; }
img { max-width: 100%; }
h1, h2, h3, h4, h5 { color: var(--ink); font-weight: 800; }
.container { max-width: 1200px; padding-left: 20px; padding-right: 20px; }
.main-area { margin-top: 0 !important; min-height: 50vh; }
.preloader, .well-bros { display: none !important; }
.num { font-variant-numeric: tabular-nums; }

/* Butonlar */
.t-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	padding: 12px 20px; border-radius: 12px; border: 0; cursor: pointer;
	background: var(--p-fill); color: #fff !important; font-weight: 700; font-size: 15px;
	box-shadow: 0 10px 30px var(--glow), inset 0 1px 0 rgba(255, 255, 255, .25);
	transition: transform .2s, box-shadow .2s; white-space: nowrap;
}
.t-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 40px var(--glow); }
.t-btn-ghost, .t-btn-white { background: var(--card); border: 1px solid var(--line); color: var(--ink) !important; box-shadow: none; }
.t-btn-ghost:hover, .t-btn-white:hover { background: var(--card-hover); border-color: var(--line-strong); box-shadow: none; }
.t-btn-block { width: 100%; }

/* ---------- Header ---------- */
.t-topbar { display: none; }
.t-header {
	position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
	background: color-mix(in srgb, var(--bg) 65%, transparent); border-bottom: 1px solid var(--line);
}
.t-header-box { display: flex; align-items: center; gap: 24px; height: 72px; }
.t-logo img { height: 38px; width: auto; display: block; }
.t-nav { margin-left: auto; }
.t-nav > ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.t-nav > ul > li { position: relative; }
.t-nav > ul > li > a { display: flex; align-items: center; gap: 6px; padding: 9px 13px; border-radius: 10px; color: var(--ink-2); font-weight: 600; font-size: 15px; transition: .2s; }
.t-nav > ul > li > a i { font-size: 11px; opacity: .7; transition: transform .2s; }
.t-nav > ul > li:hover > a { color: var(--ink); background: var(--card); }
.t-nav > ul > li:hover > a i { transform: rotate(180deg); }
.t-drop {
	position: absolute; top: calc(100% + 10px); left: 50%; transform: translate(-50%, 6px);
	min-width: 260px; background: var(--card-solid); border: 1px solid var(--line); border-radius: 16px; padding: 10px;
	box-shadow: var(--shadow); display: grid; gap: 2px; opacity: 0; visibility: hidden; transition: .18s;
}
.t-drop.t-drop-2 { grid-template-columns: 1fr 1fr; min-width: 460px; }
.t-drop::before { content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.t-nav > ul > li:hover .t-drop { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.t-drop a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; font-weight: 600; font-size: 14.5px; color: var(--ink-2); }
.t-drop a:hover { background: var(--card-hover); color: var(--ink); }
.t-drop a .ic { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 9px; display: grid; place-items: center; background: var(--p-soft); color: var(--p); font-size: 15px; }
.t-header-actions { display: flex; align-items: center; gap: 10px; }
.t-search-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); font-weight: 700; font-size: 14.5px; cursor: pointer; color: var(--ink); white-space: nowrap; }
.t-search-btn:hover { background: var(--card-hover); border-color: var(--line-strong); }
/* Gece/gündüz anahtarı (vision tarzı): sol güneş, sağ ay, seçili tarafta kayan yuvarlak */
.t-mode { position: relative; width: 60px; height: 30px; flex: 0 0 60px; border-radius: 21px; border: 1px solid var(--line); background: var(--card); cursor: pointer; padding: 0 8px; display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
.t-mode-knob { position: absolute; top: 2px; left: calc(100% - 26px); width: 24px; height: 24px; border-radius: 50%; background: var(--p-fill); box-shadow: 0 4px 12px var(--glow); transition: left .5s cubic-bezier(0, 0, .34, .81); }
:root[data-theme="light"] .t-mode-knob { left: 2px; }
.t-mode i { position: relative; z-index: 1; color: var(--ink-2); opacity: .55; transition: .5s cubic-bezier(0, 0, .34, .81); }
:root:not([data-theme="light"]) .t-mode .fa-moon, :root[data-theme="light"] .t-mode .fa-sun { color: #fff; opacity: 1; }
.t-burger { display: none; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; border: 1px solid var(--line); background: var(--card); position: relative; cursor: pointer; padding: 0; }
.t-burger span { position: absolute; left: 11px; right: 11px; height: 2px; border-radius: 2px; background: var(--ink); }
.t-burger span:nth-child(1) { top: 14px; } .t-burger span:nth-child(2) { top: 20px; } .t-burger span:nth-child(3) { top: 26px; }

/* Logo: koyu modda ayrı logo varsa o, yoksa beyazlatılmış logo */
.t-logo-dark { display: none !important; }
:root:not([data-theme="light"]) .t-logo-light { display: none !important; }
:root:not([data-theme="light"]) .t-logo-dark { display: block !important; }
.t-logo-dark.t-logo-filter { filter: brightness(0) invert(1); }

/* Mobil yan menü */
.t-side-bg { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); z-index: 98; opacity: 0; visibility: hidden; transition: .2s; }
.t-side { position: fixed; top: 0; bottom: 0; left: 0; width: 320px; max-width: 86vw; z-index: 99; background: var(--card-solid); border-right: 1px solid var(--line); transform: translateX(-100%); transition: transform .25s; display: flex; flex-direction: column; }
body.t-side-open .t-side { transform: none; }
body.t-side-open .t-side-bg { opacity: 1; visibility: visible; }
.t-side-top { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--line); }
.t-side-top img { height: 32px; }
:root:not([data-theme="light"]) .t-side-top img { filter: brightness(0) invert(1); }
.t-side-close { width: 40px; height: 40px; border-radius: 10px; background: var(--card); border: 1px solid var(--line); display: grid; place-items: center; cursor: pointer; }
.t-side-nav { overflow-y: auto; padding: 12px; flex: 1; }
.t-side-nav > ul { list-style: none; margin: 0; padding: 0; }
.t-side-nav > ul > li > a { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-radius: 10px; font-weight: 700; }
.t-side-nav > ul > li.open > a { background: var(--p-soft); color: var(--p); }
.t-side-nav .t-side-sub { display: none; padding: 4px 0 8px 10px; }
.t-side-nav li.open .t-side-sub { display: block; }
.t-side-nav .t-side-sub a { display: flex; align-items: center; gap: 10px; padding: 8px 12px; font-size: 15px; color: var(--ink-2); }
.t-side-nav .t-side-sub a i { width: 18px; text-align: center; color: var(--p); }

/* ---------- Aurora arka plan ---------- */
.t-aurora { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.t-aurora i { position: absolute; border-radius: 50%; filter: blur(90px); opacity: var(--aurora-a); }
.t-aurora i:nth-child(1) { width: 620px; height: 620px; background: #1883ba; top: -260px; left: -120px; }
.t-aurora i:nth-child(2) { width: 520px; height: 520px; background: #3b5bff; top: -200px; right: -160px; opacity: calc(var(--aurora-a) * .65); }
.t-aurora i:nth-child(3) { width: 420px; height: 420px; background: #14b8a6; top: 260px; left: 40%; opacity: calc(var(--aurora-a) * .35); }
.t-gridlines { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 30%, transparent 75%); mask-image: radial-gradient(ellipse at 50% 0%, #000 30%, transparent 75%); }

/* ---------- Bölüm başlıkları ---------- */
.t-section { padding: 96px 0; position: relative; }
.t-eyebrow { color: var(--p); font-weight: 800; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
.t-head { margin-bottom: 44px; }
.t-head h2 { font-size: 44px; letter-spacing: -1.4px; line-height: 1.08; font-weight: 800; margin: 12px 0 14px; color: var(--ink); }
.t-head p { color: var(--ink-2); font-size: 17px; line-height: 1.6; max-width: 620px; margin: 0; }
.t-head-flex { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.t-head.center { text-align: center; } .t-head.center p { margin: 0 auto; }
.t-more { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--p); }

/* ---------- Hero ---------- */
.t-hero { position: relative; padding: 32px 0 70px; overflow: hidden; }
.t-hero .container { position: relative; z-index: 1; }
.t-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.t-hero-grid > * { min-width: 0; }
.t-badge-pill { display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px 7px 8px; border-radius: 40px; background: var(--card); border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; color: var(--ink-2); }
.t-badge-pill em { font-style: normal; background: rgba(53, 211, 154, .15); color: var(--ok); padding: 3px 9px; border-radius: 20px; font-weight: 800; white-space: nowrap; }
.t-hero .t-hero-title { font-size: 60px; line-height: 1.03; letter-spacing: -2.2px; font-weight: 800; margin: 22px 0 20px; }
.t-hero .t-hero-title span { display: block; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t-hero-desc { font-size: 17.5px; line-height: 1.65; color: var(--ink-2); max-width: 560px; }
.t-hero-cta { display: flex; gap: 12px; margin: 30px 0 32px; flex-wrap: wrap; }
.t-trust-row { display: flex; gap: 24px; flex-wrap: wrap; color: var(--ink-2); font-size: 14px; font-weight: 700; }
.t-trust-row i { color: var(--p); margin-right: 7px; }

/* Hızlı sipariş kartı */
.t-order { position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid var(--line); border-radius: 26px; padding: 22px; box-shadow: var(--shadow); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
:root[data-theme="light"] .t-order { background: var(--card-solid); }
.t-order::before { content: ""; position: absolute; inset: -1px; border-radius: 26px; padding: 1px; background: linear-gradient(140deg, var(--p-line), transparent 40%, transparent 60%, rgba(124, 140, 255, .4)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.t-order-title { font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 9px; margin-bottom: 16px; }
.t-order-title > i { color: var(--p); }
@keyframes tPulse { 0% { box-shadow: 0 0 0 0 rgba(53, 211, 154, .6); } 100% { box-shadow: 0 0 0 10px rgba(53, 211, 154, 0); } }
.t-ptabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.t-ptabs::-webkit-scrollbar { display: none; }
.t-ptabs button { flex: 1 0 72px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 11px 4px; color: var(--ink-2); font: 700 12px var(--font); cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 6px; transition: .2s; }
.t-ptabs button i { font-size: 19px; }
.t-ptabs button.on { background: var(--p-soft); border-color: var(--p-line); color: var(--ink); }
.t-ctabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; scroll-behavior: smooth; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.t-ctabs::-webkit-scrollbar { display: none; }
.t-ctabs span { flex: 0 0 auto; padding: 7px 13px; border-radius: 20px; font-size: 13px; font-weight: 700; color: var(--ink-2); border: 1px solid var(--line); cursor: pointer; white-space: nowrap; }
.t-ctabs span.on { background: rgba(43, 163, 224, .09); color: var(--ink); border-color: rgba(43, 163, 224, .35); }
/* seçili tonlar yukarıdan aşağı açılır (gece: .14 / .09 / .05 opaklık). gündüz — platform p-soft, kategori bir ton açık, paket en açık */
:root[data-theme="light"] .t-ctabs span.on { background: #eaf5fb; color: var(--p-2); border-color: rgba(24, 131, 186, .35); }
:root[data-theme="light"] .t-pkgrid input:checked + label { background: #f3f9fd; }
/* hızlı sipariş: platform/kategori satırı kaydırma okları (tba.js) */
.t-scr { position: relative; }
.t-scr-p { margin-bottom: 14px; }
.t-scr-c { margin-bottom: 4px; }
.t-scr.sol > div { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 44px); mask-image: linear-gradient(90deg, transparent 0, #000 44px); }
.t-scr.sag > div { -webkit-mask-image: linear-gradient(-90deg, transparent 0, #000 44px); mask-image: linear-gradient(-90deg, transparent 0, #000 44px); }
.t-scr.sol.sag > div { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%); }
.t-scr-btn { position: absolute; top: 50%; z-index: 2; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; border: 1px solid var(--line-strong); background: var(--card-solid); color: var(--ink); display: none; place-items: center; font-size: 12px; cursor: pointer; padding: 0; box-shadow: var(--shadow-sm); }
.t-scr-c .t-scr-btn { width: 26px; height: 26px; margin-top: -14px; font-size: 11px; }
.t-scr-btn:hover { border-color: var(--p-line); color: var(--p); }
.t-scr-prev { left: -4px; }
.t-scr-next { right: -4px; }
.t-scr.sol .t-scr-prev, .t-scr.sag .t-scr-next { display: grid; }
.t-pkgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-height: 214px; overflow-y: auto; padding: 10px 2px 2px; scrollbar-width: thin; }
.t-pkgrid input { display: none; }
.t-pkgrid label { position: relative; border: 1px solid var(--line); border-radius: 14px; padding: 12px 8px; cursor: pointer; text-align: center; transition: .15s; background: var(--input); margin: 0; }
.t-pkgrid label b { display: block; font-size: 14px; font-weight: 800; line-height: 1.3; }
.t-pkgrid label em { display: block; font-style: normal; margin-top: 6px; font-weight: 800; color: var(--p); font-size: 14px; }
.t-pkgrid input:checked + label { border-color: var(--p); background: rgba(43, 163, 224, .05); box-shadow: 0 0 0 3px rgba(43, 163, 224, .15); }
.t-field { margin: 14px 0; display: flex; align-items: center; gap: 10px; background: var(--input); border: 1px solid var(--line); border-radius: 14px; padding: 0 14px; }
.t-field i { color: var(--ink-2); }
.t-field input { flex: 1; background: transparent; border: 0; outline: 0; color: var(--ink); font: 600 15px var(--font); padding: 15px 0; min-width: 0; }
.t-order .t-btn { width: 100%; padding: 16px; font-size: 16px; }
.t-order-foot { display: flex; justify-content: space-between; margin-top: 12px; font-size: 12.5px; color: var(--ink-2); gap: 10px; }
.t-order-empty { color: var(--ink-2); text-align: center; padding: 20px; font-size: 14px; grid-column: 1 / -1; }

/* Platform bandı */
.t-marquee { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px 0; overflow: hidden; position: relative; }
.t-marquee::before, .t-marquee::after { content: ""; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 2; pointer-events: none; }
.t-marquee::before { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }
.t-marquee::after { right: 0; background: linear-gradient(-90deg, var(--bg), transparent); }
.t-track { display: flex; gap: 12px; width: max-content; animation: tSlide var(--dur, 40s) linear infinite; }
.t-track a { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 40px; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); font-weight: 800; font-size: 15.5px; white-space: nowrap; transition: .2s; }
.t-track a:hover { color: var(--ink); border-color: var(--p-line); background: var(--p-soft); }
.t-track i { font-size: 19px; color: var(--p); }
.t-track .t-brand { width: 21px; height: 21px; flex: none; color: var(--ink); }
.t-marquee:hover .t-track, .t-reviews-wrap:hover .t-rtrack { animation-play-state: paused; }
@keyframes tSlide { to { transform: translateX(-50%); } }

/* ---------- Bento: Neden Biz ---------- */
.t-bento { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(190px, auto); gap: 16px; }
.t-b { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 26px; position: relative; overflow: hidden; transition: .3s; }
.t-b:hover { border-color: var(--p-line); transform: translateY(-3px); }
.t-b .ic { width: 46px; height: 46px; border-radius: 13px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; font-size: 20px; margin-bottom: 16px; }
.t-b h4 { font-size: 19px; margin-bottom: 8px; }
.t-b p { color: var(--ink-2); font-size: 14.5px; line-height: 1.6; margin: 0; }
.t-b.b1 { grid-column: span 3; grid-row: span 2; background: radial-gradient(circle at 80% 110%, var(--glow), transparent 55%), var(--card); }
.t-b.b1 .big { font-size: 120px; font-weight: 800; letter-spacing: -6px; line-height: 1; margin-top: 30px; background: linear-gradient(180deg, var(--ink), transparent); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t-b.b2, .t-b.b3 { grid-column: span 3; }
.t-b.b4, .t-b.b5, .t-b.b6 { grid-column: span 2; }

/* ---------- Paket kartları ---------- */
.t-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.t-pack { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 16px; transition: .3s; position: relative; }
.t-pack:hover { transform: translateY(-4px); border-color: var(--p-line); box-shadow: var(--shadow-sm); }
.t-pack.special { background: linear-gradient(180deg, var(--p-soft), transparent 70%), var(--card); border-color: var(--p-line); }
.t-pack-badge { position: absolute; top: 18px; right: 18px; font-size: 11.5px; font-weight: 800; padding: 4px 10px; border-radius: 20px; background: rgba(255, 176, 32, .15); color: var(--accent); display: flex; gap: 6px; align-items: center; }
.t-pack-top { display: flex; align-items: center; gap: 12px; }
.t-pack-icon { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; background: var(--ink); color: var(--bg); }
.t-pack-info { min-width: 0; }
.t-pack-platform { display: block; color: var(--ink-2); font-size: 12.5px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.t-pack-name { display: block; font-size: 18px; font-weight: 800; line-height: 1.25; }
.t-pack.special .t-pack-name { padding-right: 76px; }
.t-pack-price { display: block; font-size: 36px; font-weight: 800; letter-spacing: -1.2px; font-variant-numeric: tabular-nums; }
.t-pack-price del { font-size: 15px; color: var(--ink-2); font-weight: 600; letter-spacing: 0; margin-right: 8px; }
.t-pack-features { list-style: none; display: grid; gap: 9px; color: var(--ink-2); font-size: 14.5px; margin: 0; padding: 0; }
.t-pack-features li { position: relative; padding-left: 24px; }
.t-pack-features li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 1px; color: var(--ok); font-size: 13px; }
.t-pack-buy { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px; border-radius: 12px; font-weight: 800; background: var(--card); border: 1px solid var(--line); color: var(--ink); transition: .2s; }
.t-pack:hover .t-pack-buy, .t-pack.special .t-pack-buy { background: var(--p-fill); border-color: transparent; color: #fff; box-shadow: 0 10px 30px var(--glow); }
.t-pack-buy[disable] { opacity: .5; pointer-events: none; }

/* ---------- Yorumlar (kayan) ---------- */
.t-reviews-wrap { overflow: hidden; position: relative; }
.t-reviews-wrap::before, .t-reviews-wrap::after { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }
.t-reviews-wrap::before { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }
.t-reviews-wrap::after { right: 0; background: linear-gradient(-90deg, var(--bg), transparent); }
.t-rtrack { display: flex; gap: 16px; width: max-content; animation: tSlide 60s linear infinite; padding: 4px 0; }
.t-rv { width: 380px; flex: 0 0 380px; background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; }
.t-rv .stars { color: var(--accent); font-size: 13px; margin-bottom: 12px; }
.t-rv p { color: var(--ink-2); font-size: 15px; line-height: 1.65; margin: 0; flex: 1; }
.t-rv .who { display: flex; align-items: center; gap: 12px; margin-top: 18px; font-weight: 800; }
.t-rv .who img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--p-soft); }
.t-rv .who small { display: block; color: var(--ink-2); font-size: 13px; font-weight: 600; }

/* ---------- Biz kimiz ---------- */
.t-about { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.t-about.no-img { grid-template-columns: 1fr; max-width: 820px; margin: 0 auto; text-align: center; }
.t-about-visual { position: relative; }
.t-about-visual img { width: 100%; border-radius: var(--r-lg); display: block; border: 1px solid var(--line); }
.t-about-stat { display: inline-flex; align-items: center; gap: 12px; background: var(--card-solid); border: 1px solid var(--line); border-radius: 16px; padding: 14px 18px; box-shadow: var(--shadow-sm); }
.t-about-visual .t-about-stat { position: absolute; left: 20px; bottom: 20px; }
.t-about-stat.inline { margin: 6px 0 18px; }
.t-about-stat i { width: 46px; height: 46px; border-radius: 12px; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-size: 20px; }
.t-about-stat b { display: block; font-size: 22px; font-weight: 800; color: var(--ink); }
.t-about-stat small { color: var(--ink-2); font-size: 13.5px; }
.t-about-head { color: var(--p); font-weight: 800; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
.t-about-text h2 { font-size: 40px; letter-spacing: -1.2px; margin: 10px 0 16px; }
.t-about-text p { color: var(--ink-2); line-height: 1.75; }
.t-about-text .t-btn { margin-top: 8px; }

/* ---------- SSS ---------- */
.t-faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
.t-faq .nsa-main { border-bottom: 1px solid var(--line); }
.t-faq .nsa-header { padding: 22px 40px 22px 0; font-weight: 800; font-size: 17.5px; cursor: pointer; position: relative; }
.t-faq .nsa-header::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--p); font-size: 26px; font-weight: 400; }
.t-faq .nsa-body { display: none; padding: 0 0 22px; color: var(--ink-2); line-height: 1.7; }

/* ---------- Blog ---------- */
.t-blogs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.t-blog { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; display: block; background: var(--card); border: 1px solid var(--line); }
.t-blog img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.t-blog::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(4, 10, 18, .92)); }
.t-blog:hover img { transform: scale(1.05); }
.t-blog-detail { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; z-index: 2; color: #fff; }
.t-blog-title { display: block; font-weight: 800; font-size: 17px; line-height: 1.35; margin-bottom: 12px; }
.t-blog-action { display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; color: #c6d6e4; }
.t-blog-action .arrow { width: 34px; height: 34px; border-radius: 50%; background: var(--p-fill); display: grid; place-items: center; }
.t-blogs-list .t-blog-card { background: var(--card); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; }
.t-blog-card .thumb { aspect-ratio: 16 / 9; overflow: hidden; display: block; }
.t-blog-card .thumb img { width: 100%; height: 100%; object-fit: cover; }
.t-blog-card .body { padding: 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.t-blog-card h2 { font-size: 18px; margin: 0; }
.t-blog-card p { color: var(--ink-2); font-size: 15px; margin: 0; }
.t-blog-card .t-more { margin-top: auto; }

/* ---------- Makale ---------- */
.t-article { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 36px; color: var(--ink-2); line-height: 1.8; }
.t-article h1, .t-article h2, .t-article h3 { color: var(--ink); margin: 1.2em 0 .5em; }
.t-article h2 { font-size: 26px; } .t-article h3 { font-size: 20px; }
.t-article > :first-child { margin-top: 0; }
.t-article hr { border-color: var(--line); }
.t-article strong { color: var(--ink); }

/* ---------- CTA ---------- */
.t-cta { padding: 0 0 90px; }
.t-cta-box { border-radius: 32px; padding: 64px 40px; text-align: center; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 0%, var(--glow), transparent 60%), var(--card); border: 1px solid var(--p-line); }
.t-cta-box h2 { font-size: 44px; letter-spacing: -1.4px; margin: 10px 0 12px; }
.t-cta-box p { color: var(--ink-2); font-size: 17px; margin: 0 auto 28px; max-width: 560px; }
.t-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ---------- İç sayfa başlığı ---------- */
.t-page-head { position: relative; padding: 60px 0 56px; overflow: hidden; border-bottom: 1px solid var(--line); }
.t-page-head .container { position: relative; z-index: 1; }
.t-page-head-box { display: flex; gap: 24px; align-items: center; }
.t-page-head .ic { width: 84px; height: 84px; flex: 0 0 84px; border-radius: 22px; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-size: 38px; box-shadow: 0 16px 40px var(--glow); }
.t-page-head h1 { font-size: 40px; letter-spacing: -1.2px; margin: 0 0 8px; }
.t-page-head p { color: var(--ink-2); margin: 0; font-size: 17px; max-width: 760px; line-height: 1.6; }
.t-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--card); border: 1px solid var(--line); border-radius: 30px; padding: 6px 14px; font-weight: 700; font-size: 14px; margin-top: 14px; }
.t-badge b { color: var(--p); }
.t-head-icons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; align-items: center; }
.t-head-icons a, .t-head-icons span.ic-s { width: 38px; height: 38px; border-radius: 10px; background: var(--card); border: 1px solid var(--line); display: grid; place-items: center; color: var(--p); }
.t-head-icons .lbl { font-weight: 700; font-size: 14px; color: var(--ink-2); margin-right: 4px; }

/* Platform sayfası */
.t-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.t-cat { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 20px; display: flex; align-items: center; gap: 16px; transition: .2s; }
.t-cat:hover { transform: translateY(-3px); border-color: var(--p-line); }
.t-cat .ic { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 15px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; font-size: 24px; }
.t-cat .txt { flex: 1; min-width: 0; }
.t-cat .txt b { display: block; font-size: 17px; }
.t-cat .txt small { display: block; color: var(--ink-2); font-size: 14px; line-height: 1.4; max-height: 2.8em; overflow: hidden; }
.t-cat .t-btn { padding: 9px 15px; font-size: 14px; }
.t-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 26px; }
.t-trust div { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 14px; display: flex; align-items: center; gap: 12px; font-weight: 700; }
.t-trust i { width: 40px; height: 40px; border-radius: 11px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; font-size: 17px; }

/* ---------- Footer ---------- */
.t-footer { border-top: 1px solid var(--line); padding: 64px 0 0; color: var(--ink-2); background: var(--bg2); }
.t-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 30px; padding-bottom: 44px; }
.t-footer-logo img { height: 40px; margin-bottom: 16px; }
:root:not([data-theme="light"]) .t-footer-logo img { filter: brightness(0) invert(1); }
.t-footer p { font-size: 15px; line-height: 1.7; }
.t-socials { display: flex; gap: 8px; margin-top: 16px; }
.t-socials a { width: 40px; height: 40px; border-radius: 11px; background: var(--card); border: 1px solid var(--line); display: grid; place-items: center; color: var(--ink); }
.t-socials a:hover { background: var(--p-fill); color: #fff; border-color: transparent; }
.t-footer h4 { color: var(--ink); font-size: 16px; margin-bottom: 16px; }
.t-footer ul { list-style: none; margin: 0; padding: 0; }
.t-footer ul li { margin-bottom: 10px; }
.t-footer ul a { font-size: 15px; transition: .15s; }
.t-footer ul a:hover { color: var(--ink); }
.t-footer-contact li { display: flex; gap: 10px; font-size: 15px; }
.t-footer-contact i { color: var(--p); margin-top: 4px; width: 16px; }
.t-footer-bottom { border-top: 1px solid var(--line); padding: 20px 0; font-size: 14px; }
.t-footer-bottom .container { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.t-bottom { display: none; }

/* ---------- Sipariş sorgulama penceresi ---------- */
.search-area { position: fixed !important; inset: 0; z-index: 200; background: rgba(0, 0, 0, .6); display: flex !important; align-items: center; justify-content: center; padding: 16px; opacity: 0; visibility: hidden; transition: .2s; top: 0 !important; height: auto !important; backdrop-filter: blur(6px); }
.search-area.show { opacity: 1; visibility: visible; }
.search-area .container { max-width: 520px; padding: 0; }
.search-area .search-input { background: var(--card-solid); border: 1px solid var(--line); border-radius: 24px; padding: 30px 24px 24px; position: relative; display: block !important; box-shadow: var(--shadow); }
.search-area .search-input::before { content: attr(data-title); display: block; font-size: 22px; font-weight: 800; color: var(--ink); margin-bottom: 6px; }
.search-area .search-input::after { content: attr(data-desc); display: block; color: var(--ink-2); font-size: 15px; margin-top: 12px; }
.search-area .search-input-relative { display: flex; gap: 10px; margin-top: 14px; position: static !important; }
.search-area input.form-control { height: 52px; border-radius: 12px; font-size: 16px; padding: 0 14px; box-shadow: none !important; }
.search-area .search-input-btn { display: flex; align-items: center; gap: 6px; white-space: nowrap; background: var(--p-fill); color: #fff; border-radius: 12px; padding: 0 20px; font-weight: 700; position: static !important; height: 52px; border: 0; }
.search-area .search-close { position: absolute !important; top: 14px !important; right: 14px !important; left: auto !important; width: 36px; height: 36px; border-radius: 10px; background: var(--card); border: 1px solid var(--line); display: grid; place-items: center; cursor: pointer; color: var(--ink); }

/* ---------- Bootstrap / Space parçaları ---------- */
.form-control { color: var(--ink); background-color: var(--input); border-color: var(--line); }
.form-control:focus { color: var(--ink); background-color: var(--input); border-color: var(--p); box-shadow: 0 0 0 3px var(--p-soft); }
.form-control::placeholder { color: var(--ink-2); }
.t-field input::placeholder, .t-field textarea::placeholder { color: var(--ink-2); opacity: .55; }
.modal-content { background: var(--card-solid); color: var(--ink); border: 1px solid var(--line); border-radius: 20px; }
.modal-header, .modal-footer { border-color: var(--line); }
.close { color: var(--ink); text-shadow: none; }

/* Sipariş sayfası */
.order-area { padding: 40px 0 60px; }
.order-area .order-pack-area .card, .order-area .order-steps { background: var(--card); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.order-area .card-header { background: transparent; border: 0; cursor: pointer; padding: 18px 20px; }
.order-area .box-title { font-weight: 800; display: flex; justify-content: space-between; }
.order-area .card-body { background: transparent; }
.order-area .order-pack-list ul { list-style: none; padding: 0; margin: 0; color: var(--ink-2); font-size: 15px; }
.order-area .order-pack-list li { padding: 5px 0; }
.order-area .order-pack-list i { color: var(--p); font-size: 12px; margin-right: 6px; }
.order-area .f-bilg { background: var(--card); border: 1px solid var(--line); border-radius: 14px; height: auto; padding: 14px 18px; display: flex; justify-content: space-between; font-weight: 700; color: var(--ink-2); }
.order-area .f-bilg span { color: var(--ink); font-weight: 800; }
.order-area #total_amount { color: var(--p); font-size: 18px; }
.order-steps-tab { padding: 14px; border-bottom: 1px solid var(--line); }
.order-steps-tab .obj-tabcontent { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; list-style: none; margin: 0; padding: 0; }
.order-steps-tab .obj-tab { border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.order-steps-tab .obj-tabindicator { display: none; }
.order-steps-tab .obj-tablink { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 6px; font-weight: 700; font-size: 14px; color: var(--ink-2); }
.order-steps-tab .obj-tab.active { background: var(--p-fill); border-color: transparent; }
.order-steps-tab .obj-tab.active .obj-tablink { color: #fff !important; }
.order-steps-content { padding: 26px; }
.order-steps-content h4 { font-size: 20px; margin-bottom: 6px; }
.order-steps-content > .os-tabs > p { color: var(--ink-2); }
.os-tabs { display: none; } .os-tabs.show { display: block; }
.order-area .form-control { height: 52px; border-radius: 12px; font-size: 16px; }
.order-area textarea.form-control { height: 100px; }
.order-area .form-group { margin-bottom: 12px; }
.os-next-btn, .os-pri-btn { border-radius: 12px; padding: 12px 26px; font-weight: 800; border: 0; }
.os-next-btn { background: var(--p-fill); color: #fff; box-shadow: 0 10px 30px var(--glow); }
.os-next-btn:hover { color: #fff; }
.os-pri-btn, .t-of-back { background: var(--card); border: 1px solid var(--line); color: var(--ink-2); }
.coupon-code-input { display: flex; gap: 10px; }
.coupon-code-input .btn-coupon { background: var(--ink); color: var(--bg); border-radius: 12px; padding: 0 20px; font-weight: 700; }
.payments-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.pay-item { border: 1px solid var(--line); border-radius: 16px; padding: 14px; cursor: pointer; display: flex; align-items: center; gap: 10px; background: var(--card); }
.pay-item.selected { border-color: var(--p); background: var(--p-soft); }
.pay-icon { width: 40px; height: 40px; border-radius: 11px; background: var(--p-soft); display: grid; place-items: center; color: var(--p); }
.pay-text { font-weight: 700; font-size: 14.5px; }
.pay-check { margin-left: auto; }
.pay-check-box { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line-strong); display: grid; place-items: center; }
.pay-checked { display: none; color: var(--p); font-size: 11px; }
.pay-item.selected .pay-checked { display: block; }
#payment_info { background: var(--card); border: 1px solid var(--line); color: var(--ink-2); border-radius: 14px; }
.order-created { text-align: center; padding: 40px; }
.order-created i { font-size: 40px; color: var(--p); animation: fa-spin 1.5s infinite linear; display: block; margin-bottom: 12px; }
.gecistir { opacity: .6; pointer-events: none; }
.nonshake { animation: tShake .25s both; }
@keyframes tShake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
.usinfor .cbx { display: flex; align-items: center; gap: 10px; cursor: pointer; margin: 0; }
.usinfor .cbx span:first-child { width: 20px; height: 20px; border-radius: 6px; border: 2px solid var(--line-strong); display: grid; place-items: center; }
.usinfor .cbx svg { fill: none; stroke: #fff; stroke-width: 2; display: none; }
.inp-cbx:checked + .cbx span:first-child { background: var(--p); border-color: var(--p); }
.inp-cbx:checked + .cbx svg { display: block; }
.usinfor a { color: var(--p); font-weight: 700; }

/* İçerik, blog detay, iletişim */
.content-area, .contact-area, .blog-list-area, .notfoundpage { padding: 50px 0 60px; }
.post-content { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 32px; }
.post-image img { width: 100%; border-radius: 16px; margin-bottom: 20px; }
.post-header h1 { font-size: 32px; letter-spacing: -.8px; }
.entry-content { color: var(--ink-2); line-height: 1.8; }
.entry-content h2, .entry-content h3, .entry-content strong { color: var(--ink); }
.sidebar-item { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; margin-bottom: 16px; }
.sidebar-title { position: relative; margin-bottom: 14px; }
.sidebar-title span { color: var(--p); font-weight: 800; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.sidebar-title h3 { font-size: 20px; margin: 4px 0 0; }
.sidebar-title > i { position: absolute; right: 0; top: 6px; color: var(--p); font-size: 20px; }
.ob-item { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.ob-thumb img { width: 72px; height: 54px; object-fit: cover; border-radius: 10px; }
.ob-detail h4 { font-size: 15px; margin: 0; }
.sise-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.sise-icon { width: 40px; height: 40px; border-radius: 11px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; }
.sise-detail { flex: 1; font-weight: 700; }
.sise-detail span { display: block; font-weight: 500; font-size: 13.5px; color: var(--ink-2); }
.sise-action { color: var(--p); }
.sidebar-contact { text-align: center; }
.sidebar-contact > i { font-size: 32px; color: var(--p); margin-bottom: 8px; }
.sidebar-contact p { color: var(--ink-2); }
.sidebar-contact-btn, .contact-send-btn { background: var(--p-fill); color: #fff; border-radius: 12px; padding: 12px 24px; font-weight: 800; border: 0; }
.sidebar-contact-btn:hover, .contact-send-btn:hover { color: #fff; }
.contact-form { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px; }
.contact-form label { color: var(--ink); }
.contact-form .form-control { border-radius: 12px; min-height: 50px; }
.contact-form textarea.form-control { min-height: 140px; }
.contact-sidebox { display: flex; gap: 14px; }
.cosi-icon { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 14px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; font-size: 20px; }
.cosi-detail span { display: block; color: var(--ink-2); font-size: 15px; }
.sidebar-item .ns-accordion .nsa-main { border-bottom: 1px solid var(--line); }
.sidebar-item .nsa-header { padding: 12px 0; font-weight: 700; cursor: pointer; }
.sidebar-item .nsa-body { display: none; padding: 0 0 12px; color: var(--ink-2); }
.ns-pagi { justify-content: center; margin-top: 30px; gap: 6px; }
.ns-pagi .page-link { border: 1px solid var(--line); border-radius: 12px !important; color: var(--ink); background: var(--card); min-width: 42px; text-align: center; }
.ns-pagi .active .page-link { background: var(--p-fill); color: #fff; border-color: transparent; }
.notFoundArea { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 40px; text-align: center; }
.nf-flex { display: flex; gap: 12px; justify-content: center; margin-top: 20px; flex-wrap: wrap; }
.nf-item { background: var(--p-fill); color: #fff; padding: 12px 22px; border-radius: 12px; font-weight: 800; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1199px) {
	.t-nav > ul > li > a { padding: 9px 9px; font-size: 14.5px; }
	.t-hero .t-hero-title { font-size: 52px; }
}
@media (max-width: 991px) {
	.t-nav, .t-search-btn .bt { display: none; }
	.t-header-actions { margin-left: auto; }
	.t-burger { display: block; }
	.t-hero { padding: 24px 0 50px; }
	.t-hero-grid, .t-faq-wrap, .t-about { grid-template-columns: 1fr; gap: 36px; }
	.t-hero .t-hero-title { font-size: 44px; letter-spacing: -1.4px; }
	.t-head h2, .t-cta-box h2 { font-size: 34px; }
	.t-head-flex { flex-direction: column; align-items: flex-start; }
	.t-bento { grid-template-columns: 1fr 1fr; }
	.t-b.b1, .t-b.b2, .t-b.b3, .t-b.b4, .t-b.b5, .t-b.b6 { grid-column: span 2; grid-row: auto; }
	.t-b.b1 .big { font-size: 80px; }
	.t-packs, .t-blogs, .t-cats { grid-template-columns: 1fr 1fr; }
	.t-trust { grid-template-columns: 1fr 1fr; }
	.t-footer-grid { grid-template-columns: 1fr 1fr; }
	.t-section { padding: 70px 0; }
	.payments-list { grid-template-columns: 1fr; }
	.order-area .m-or2 { order: 2; margin-top: 16px; }
	.order-area .m-or1 { order: 1; }
	body { padding-bottom: 84px; }
	.t-bottom { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 0 10px 10px; }
	.t-bottom-nav { display: grid; grid-template-columns: repeat(4, 1fr); background: color-mix(in srgb, var(--card-solid) 92%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-sm); padding: 8px 4px; }
	.t-bottom-nav > * { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--ink-2); cursor: pointer; padding: 4px 0; }
	.t-bottom-nav i { font-size: 19px; color: var(--p); }
}
@media (max-width: 600px) {
	.container { padding-left: 16px; padding-right: 16px; }
	.t-header-box { gap: 8px; }
	.t-logo img { height: 30px; }
	.t-search-btn { padding: 10px 12px; }
	.t-hero .t-hero-title { font-size: 38px; }
	.t-hero-desc { font-size: 16px; }
	.t-order { padding: 16px; border-radius: 22px; }
	.t-pkgrid { grid-template-columns: 1fr 1fr; }
	.t-packs, .t-blogs, .t-cats, .t-trust { grid-template-columns: 1fr; }
	.t-rv { width: 300px; flex-basis: 300px; }
	.t-page-head-box { flex-direction: column; text-align: center; }
	.t-page-head h1 { font-size: 30px; }
	.t-head-icons { justify-content: center; }
	.t-footer-grid { grid-template-columns: 1fr; }
	.t-article, .post-content { padding: 22px; }
	.order-steps-tab .obj-tablink span { display: none; }
	.order-steps-content { padding: 18px; }
	.t-cta-box { padding: 46px 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.t-track, .t-rtrack { animation: none; }
}

/* Odak çerçevesi: fareyle tıklamada tarayıcı/Bootstrap çerçevesi yok; klavyeyle gezerken ince mavi halka */
.t-mode:focus, .t-burger:focus, .t-search-btn:focus, .t-ptabs button:focus, .t-btn:focus, .t-side-close:focus,
.search-input-btn:focus, .os-next-btn:focus, .os-pri-btn:focus, .btn:focus, button:focus { outline: none; box-shadow: none; }
.t-mode:focus-visible, .t-burger:focus-visible, .t-search-btn:focus-visible, .t-ptabs button:focus-visible,
.t-btn:focus-visible, .t-track a:focus-visible, .t-pkgrid input:focus-visible + label, button:focus-visible, a:focus-visible {
	outline: none; box-shadow: 0 0 0 3px var(--p-soft), 0 0 0 1px var(--p) !important;
}
.t-mode { -webkit-tap-highlight-color: transparent; }

/* ================= Kategori sayfası: paket seçici ================= */
.t-cp-hero { position: relative; overflow: hidden; padding: 34px 0 44px; border-bottom: 1px solid var(--line); }
.t-cp-hero .container { position: relative; z-index: 1; }
.t-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--ink-2); margin-bottom: 26px; }
.t-crumbs > i { font-size: 9px; opacity: .6; }
.t-crumbs a:hover { color: var(--p); }
.t-crumbs span { color: var(--ink); }
.t-cp-head { display: flex; align-items: center; gap: 22px; }
.t-cp-ic { width: 76px; height: 76px; flex: 0 0 76px; border-radius: 22px; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-size: 34px; box-shadow: 0 16px 40px var(--glow); }
.t-cp-head h1 { font-size: 42px; letter-spacing: -1.4px; line-height: 1.08; margin: 0 0 8px; }
.t-cp-head p { color: var(--ink-2); font-size: 17px; line-height: 1.6; margin: 0; max-width: 760px; }
.t-cp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.t-cp-chips span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 30px; background: var(--card); border: 1px solid var(--line); font-size: 13.5px; font-weight: 700; }
.t-cp-chips i { color: var(--p); }

.t-cp { padding: 44px 0 30px; }
.t-cp-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.t-cp-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.t-cp-title h2 { font-size: 22px; margin: 0; display: flex; align-items: center; gap: 12px; }
.t-cp-count { color: var(--ink-2); font-weight: 700; font-size: 14px; }
.t-step { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--p-soft); color: var(--p); display: inline-grid; place-items: center; font-size: 14px; font-weight: 800; }

.t-cp-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-top: 8px; }
.t-cp-tiles input { position: absolute; opacity: 0; pointer-events: none; }
.t-cp-tiles label { position: relative; margin: 0; cursor: pointer; border-radius: 18px; padding: 20px 14px 16px; text-align: center; background: var(--card); border: 1px solid var(--line); transition: .18s; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.t-cp-tiles label:hover { border-color: var(--p-line); transform: translateY(-2px); }
.t-cp-tiles label b { font-size: 28px; font-weight: 800; letter-spacing: -1px; line-height: 1.1; color: var(--ink); }
.t-cp-tiles label small { color: var(--ink-2); font-size: 13px; font-weight: 700; }
.t-cp-tiles label em { font-style: normal; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); width: 100%; font-weight: 800; color: var(--p); font-size: 16px; }
.t-cp-tiles label em del { color: var(--ink-2); font-weight: 600; font-size: 13px; margin-right: 4px; }
.t-cp-tiles input:checked + label { border-color: var(--p); background: linear-gradient(180deg, var(--p-soft), transparent 80%), var(--card); box-shadow: 0 0 0 3px rgba(43, 163, 224, .18), 0 14px 34px var(--glow); }
.t-cp-tiles input:checked + label::after { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: var(--p-fill); color: #fff; font-size: 11px; display: grid; place-items: center; }
.t-cp-tiles input:focus-visible + label { box-shadow: 0 0 0 3px var(--p-soft), 0 0 0 1px var(--p); }
.t-cp-tiles label.off { opacity: .45; cursor: not-allowed; }
.t-tile-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 10.5px; font-weight: 800; letter-spacing: .4px; padding: 3px 10px; border-radius: 20px; background: linear-gradient(135deg, #ffb020, #ff7a1a); color: #1b1000; }
.t-tile-pt { display: flex; align-items: center; gap: 5px; margin-bottom: 4px; }

.t-cp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }
.t-cp-steps > div { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.t-cp-steps .t-step { grid-row: span 2; }
.t-cp-steps b { font-size: 15px; }
.t-cp-steps small { color: var(--ink-2); font-size: 13px; }

.t-cp-side { position: sticky; top: 92px; }
.t-cp-card { position: relative; border-radius: 26px; padding: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid var(--line); box-shadow: var(--shadow); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
:root[data-theme="light"] .t-cp-card { background: var(--card-solid); }
.t-cp-card::before { content: ""; position: absolute; inset: -1px; border-radius: 26px; padding: 1px; background: linear-gradient(140deg, var(--p-line), transparent 40%, transparent 60%, rgba(124, 140, 255, .4)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.t-cp-sel { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.t-cp-sel-ic { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; background: var(--ink); color: var(--bg); display: grid; place-items: center; font-size: 21px; }
.t-cp-sel small { display: block; color: var(--ink-2); font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.t-cp-sel b { font-size: 17px; line-height: 1.3; display: block; }
.t-cp-price { display: flex; align-items: baseline; gap: 10px; margin: 16px 0 12px; font-size: 40px; font-weight: 800; letter-spacing: -1.5px; }
.t-cp-price del { font-size: 17px; color: var(--ink-2); font-weight: 600; letter-spacing: 0; }
.t-cp-price del:empty { display: none; }
.t-cp-feats { list-style: none; margin: 0 0 4px; padding: 0; display: grid; gap: 9px; color: var(--ink-2); font-size: 14.5px; }
.t-cp-feats i { color: var(--ok); margin-right: 9px; width: 14px; }
.t-cp-card .t-btn { width: 100%; padding: 16px; font-size: 16px; }
.t-cp-trust { display: flex; justify-content: space-between; margin-top: 14px; font-size: 12.5px; color: var(--ink-2); font-weight: 700; }
.t-cp-trust i { color: var(--p); }

.t-cp-bar { display: none; }
.t-article-read { max-width: 900px; margin: 0 auto; font-size: 16.5px; }

@media (max-width: 1199px) { .t-cp-tiles { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) {
	.t-cp-grid { grid-template-columns: 1fr; }
	.t-cp-side { position: static; }
	.t-cp-head h1 { font-size: 32px; }
	.t-cp-steps { grid-template-columns: 1fr; }
	/* Mobilde altta sabit fiyat + satın al çubuğu (alt menünün üstünde) */
	.t-cp-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: fixed; left: 10px; right: 10px; bottom: 84px; z-index: 89; padding: 10px 10px 10px 16px; border-radius: 16px; background: color-mix(in srgb, var(--card-solid) 94%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid var(--p-line); box-shadow: var(--shadow-sm); transform: translateY(150%); opacity: 0; transition: transform .25s, opacity .25s; }
	.t-cp-bar.show { transform: none; opacity: 1; }
	.t-cp-bar small { display: block; color: var(--ink-2); font-size: 12px; font-weight: 700; max-width: 55vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.t-cp-bar b { font-size: 20px; font-weight: 800; }
	.t-cp-bar .t-btn { padding: 12px 22px; }
}
@media (max-width: 600px) {
	.t-cp-tiles { grid-template-columns: 1fr 1fr; gap: 10px; }
	.t-cp-tiles label b { font-size: 24px; }
	.t-cp-head { flex-direction: column; align-items: flex-start; gap: 14px; }
	.t-cp-ic { width: 60px; height: 60px; flex-basis: 60px; font-size: 26px; border-radius: 18px; }
	.t-cp-head h1 { font-size: 28px; }
	.t-cp-card { padding: 18px; }
}

/* Kategori: hizalama, gri fiyat kutusu, kullanıcı adı kontrolü */
:root, :root[data-theme="dark"] { --price-bg: rgba(255, 255, 255, .09); }
:root[data-theme="light"] { --price-bg: #dde3ea; }
.t-cp-side { margin-top: 8px; }
.t-cp-title { margin-bottom: 10px; }
.t-cp-price { background: var(--price-bg); border-radius: 16px; padding: 14px 18px; margin: 16px 0 14px; }
.t-cp-tiles label em { background: var(--price-bg); border-top: 0; border-radius: 10px; padding: 7px 4px; margin-top: 12px; }
.t-ucheck { display: none; align-items: center; gap: 7px; margin: -6px 2px 12px; font-size: 13.5px; font-weight: 700; color: var(--p); }
.t-ucheck.on { display: flex; }
.t-ucheck b { color: var(--ink); }
.t-ucheck:hover { text-decoration: underline; }

/* ================= Site geneli: kategori sayfası dili ================= */
/* Eski sarmalayıcı sınıflar */
.t-wave { background: transparent !important; }
.content-area.t-section, .contact-area.t-section, .blog-list-area.t-section, .notfoundpage.t-section { padding-top: 44px !important; }

/* Sipariş / ödeme sayfası: adımlar solda, özet sağda yapışkan kart */
@media (min-width: 992px) {
	.order-area > .container > form > .row, .order-area > .container > .row { flex-direction: row-reverse; }
	.order-area .m-or2 .order-pack-area { position: sticky; top: 92px; }
}
.order-area { padding: 44px 0 60px; }
.order-area .order-pack-area { background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); border: 1px solid var(--line); border-radius: 26px; padding: 18px; box-shadow: var(--shadow); }
:root[data-theme="light"] .order-area .order-pack-area { background: var(--card-solid); }
.order-area .order-pack-area .card { background: transparent; border: 0; box-shadow: none; }
.order-area .order-pack-area .card-header { padding: 4px 4px 14px; border-bottom: 1px solid var(--line); }
.order-area .order-pack-area .card-body { padding: 14px 4px 6px; }
.order-area .f-bilg { background: transparent; border: 0; border-bottom: 1px dashed var(--line); border-radius: 0; padding: 12px 4px; margin-bottom: 0 !important; }
.order-area .f-bilg:last-child { background: var(--price-bg); border: 0; border-radius: 14px; padding: 16px; margin-top: 12px; }
.order-area .f-bilg:last-child span { font-size: 22px; }
.order-area .order-steps { box-shadow: var(--shadow-sm); }
.order-steps-content h4 { font-size: 22px; letter-spacing: -.4px; }

/* Platform sayfası kartları: kategori kutucuklarıyla aynı his */
.t-cat { padding: 22px; border-radius: 22px; }
.t-cat .ic { background: var(--p-fill); color: #fff; box-shadow: 0 10px 26px var(--glow); }
.t-cat .t-btn { background: var(--price-bg); color: var(--ink) !important; box-shadow: none; }
.t-cat:hover .t-btn { background: var(--p-fill); color: #fff !important; }

/* Blog detay ve sayfalar */
.post-content .post-image img { border-radius: 18px; }
.entry-content { font-size: 16.5px; }
.entry-content img { border-radius: 14px; height: auto; }
.entry-content a { color: var(--p); }

/* İletişim sayfası */
.contact-form .contact-send-btn { padding: 14px 28px; }

/* ================= Sipariş / ödeme / sonuç / iletişim / içerik sayfaları ================= */
.t-of { padding: 44px 0 70px; }
.t-of-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.t-of-card { background: var(--card); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-sm); overflow: hidden; }
.t-of .order-steps-content { padding: 30px; }

/* Adım göstergesi */
.t-stepper { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 22px 26px; border-bottom: 1px solid var(--line); position: relative; }
.t-stepper li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; background: transparent !important; border: 0 !important; }
.t-stepper li::before { content: ""; position: absolute; top: 17px; left: calc(-50% + 22px); right: calc(50% + 22px); height: 2px; background: var(--line); }
.t-stepper li:first-child::before { display: none; }
.t-stepper li.done::before, .t-stepper li.active::before { background: var(--p); }
.t-stepper.t-geri-ok li.done { cursor: pointer; }
.t-stepper.t-geri-ok li.done:hover .t-stepper-txt { color: var(--p); }
.t-stepper-dot { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 14px; background: var(--card-solid); border: 2px solid var(--line-strong); color: var(--ink-2); position: relative; z-index: 1; transition: .2s; }
.t-stepper-dot i { display: none; font-size: 13px; }
.t-stepper li.active .t-stepper-dot { background: var(--p-fill); border-color: transparent; color: #fff; box-shadow: 0 0 0 5px var(--p-soft); }
.t-stepper li.done .t-stepper-dot { background: var(--p-soft); border-color: var(--p); color: var(--p); }
.t-stepper li.done .t-stepper-dot b { display: none; }
.t-stepper li.done .t-stepper-dot i { display: block; }
.t-stepper-txt { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.t-stepper-txt i { display: none; }
.t-stepper li.active .t-stepper-txt { color: var(--ink); }

/* Adım içeriği */
.t-of-head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 20px; }
.t-of-head .t-step { width: 36px; height: 36px; flex: 0 0 36px; font-size: 15px; }
.t-of-head h4 { font-size: 21px; letter-spacing: -.4px; margin: 2px 0 4px; }
.t-of-head p { color: var(--ink-2); margin: 0; font-size: 15px; line-height: 1.55; }
.t-of .t-field { margin: 0; }
.t-field-lg input { font-size: 17px; padding: 17px 0; }
.t-of .t-ucheck { margin: 10px 2px 0; }
.t-of-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.t-of-fields .t-full { grid-column: 1 / -1; }
.t-field-area { align-items: flex-start; }
.t-field-area i { margin-top: 16px; }
.t-field-area textarea { flex: 1; min-height: 110px; background: transparent; border: 0; outline: 0; color: var(--ink); font: 600 15px var(--font); padding: 14px 0; resize: vertical; }
.t-seg select { height: 52px; border-radius: 14px; font-weight: 700; }
.t-of-note { color: var(--ink-2); font-size: 13.5px; margin-top: 14px; display: flex; gap: 8px; align-items: center; }
.t-of-note i { color: var(--p); }
.t-upsell { display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 14px 16px; border: 1px dashed var(--p); border-radius: 14px; background: color-mix(in srgb, var(--p) 8%, transparent); }
.t-upsell-ic { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--p); color: #fff; }
.t-upsell-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.t-upsell-txt b { color: var(--ink); font-size: 15px; }
.t-upsell-txt small { color: var(--ink-2); font-size: 13px; }
.t-upsell-btn { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: var(--p); color: #fff !important; font-weight: 800; text-decoration: none !important; }
.t-upsell-btn:hover { filter: brightness(1.08); }
@media (max-width: 575px) { .t-upsell { flex-wrap: wrap; } .t-upsell-btn { width: 100%; justify-content: center; } }
.t-of-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.t-of-actions .t-of-note { margin: 0; }
.t-of .os-next-btn, .t-contact .os-next-btn { display: inline-flex; align-items: center; gap: 9px; padding: 14px 26px; border-radius: 12px; font-weight: 800; font-size: 15.5px; }
.t-of .os-pri-btn, .t-of .t-of-back { display: inline-flex; align-items: center; gap: 9px; padding: 14px 20px; border-radius: 12px; font-weight: 700; }
.t-of .coupon-code-input { display: flex; align-items: center; padding-right: 6px; }
.t-of .coupon-code-input input { flex: 1; }
.t-of .coupon-code-input .btn-coupon { border: 0; height: 40px; border-radius: 10px; padding: 0 18px; font-weight: 800; background: var(--ink); color: var(--bg); }
.t-of .payments-list { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin: 16px 0 12px; }
.t-of .pay-item { padding: 16px; border-radius: 16px; transition: .15s; }
.t-of .pay-item:hover { border-color: var(--p-line); }
.t-of-info { background: var(--price-bg); border-radius: 14px; padding: 14px 16px; color: var(--ink-2); font-size: 14.5px; line-height: 1.6; }
.t-of .usinfor { margin-top: 16px; }
.t-of .recaptcha { margin-top: 16px; }
.t-of-pay { padding-top: 4px; }
.t-of-pay iframe { border-radius: 16px; width: 100% !important; }

/* Sağ özet */
.t-of-side { position: sticky; top: 92px; }
.t-of-sum { position: relative; border-radius: 26px; padding: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid var(--line); box-shadow: var(--shadow); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
:root[data-theme="light"] .t-of-sum { background: var(--card-solid); }
.t-of-sum::before { content: ""; position: absolute; inset: -1px; border-radius: 26px; padding: 1px; background: linear-gradient(140deg, var(--p-line), transparent 40%, transparent 60%, rgba(124, 140, 255, .4)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.t-of-feats { list-style: none; margin: 14px 0 6px; padding: 0; display: grid; gap: 8px; color: var(--ink-2); font-size: 14px; }
.t-of-feats i { color: var(--ok); width: 16px; margin-right: 6px; }
.t-of-rows { display: grid; margin-top: 10px; }
.t-of-rows > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px dashed var(--line); font-size: 14.5px; }
.t-of-rows span { color: var(--ink-2); font-weight: 600; }
.t-of-rows span i { color: var(--p); width: 18px; margin-right: 4px; }
.t-of-rows b { font-weight: 800; text-align: right; }
.t-of-total { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; background: var(--price-bg); border-radius: 16px; padding: 14px 18px; }
.t-of-total span { font-weight: 700; color: var(--ink-2); }
.t-of-total b { font-size: 26px; font-weight: 800; letter-spacing: -.8px; color: var(--ink); }
.t-of-sum .t-cp-trust { margin-top: 14px; }

/* Sipariş sonucu */
.t-done { text-align: center; padding: 10px 0 24px; border-bottom: 1px solid var(--line); margin-bottom: 8px; }
.t-done-ic { width: 72px; height: 72px; margin: 0 auto 14px; border-radius: 22px; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-size: 30px; box-shadow: 0 16px 40px var(--glow); }
.t-done small { color: var(--ink-2); font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12.5px; }
.t-done h4 { font-size: 28px; letter-spacing: -.8px; margin: 6px 0 18px; }
.t-done-code { display: inline-flex; align-items: center; gap: 12px; background: var(--price-bg); border-radius: 14px; padding: 10px 10px 10px 18px; }
.t-done-code span { color: var(--ink-2); font-weight: 700; font-size: 14px; }
.t-done-code b { font-size: 20px; letter-spacing: .5px; }
.t-copy { width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; }
.t-copy.ok { color: var(--ok); border-color: var(--ok); }
.t-done p { color: var(--ink-2); font-size: 14.5px; max-width: 480px; margin: 16px auto 0; }

/* Okuma düzeni (sayfa, blog, iletişim) */
.t-read-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.t-read { padding: 36px; }
.t-read-cover { margin: -36px -36px 28px; }
.t-read-cover img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; }
.t-read .entry-content { font-size: 16.5px; line-height: 1.85; color: var(--ink-2); }
.t-read .entry-content h1, .t-read .entry-content h2 { font-size: 26px; letter-spacing: -.5px; margin: 1.4em 0 .5em; color: var(--ink); }
.t-read .entry-content h3 { font-size: 20px; margin: 1.3em 0 .4em; color: var(--ink); }
.t-read .entry-content > :first-child { margin-top: 0; }
.t-read .entry-content ul, .t-read .entry-content ol { padding-left: 22px; }
.t-read .entry-content hr { border-color: var(--line); }
.t-read .entry-content blockquote { border-left: 3px solid var(--p); padding: 6px 0 6px 18px; color: var(--ink); }
.t-read-side { position: sticky; top: 92px; display: grid; gap: 16px; }
.t-side-card { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 20px; }
.t-side-card h5 { font-size: 16px; margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
.t-side-card h5 i { color: var(--p); }
.t-side-posts { display: grid; gap: 12px; }
.t-side-posts a { display: flex; gap: 12px; align-items: center; font-weight: 700; font-size: 14.5px; line-height: 1.35; }
.t-side-posts img { width: 74px; height: 56px; flex: 0 0 74px; object-fit: cover; border-radius: 12px; background: var(--price-bg); }
.t-side-links { display: grid; gap: 6px; }
.t-side-links a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 12px; font-weight: 700; font-size: 14.5px; }
.t-side-links a:hover { background: var(--price-bg); color: var(--ink); }
.t-side-links .ic { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; }
.t-side-links small { color: var(--ink-2); font-weight: 600; }
.t-side-links > a > i { margin-left: auto; color: var(--ink-2); font-size: 12px; }
.t-side-cta { text-align: center; background: radial-gradient(circle at 50% 0%, var(--glow), transparent 65%), var(--card); border-color: var(--p-line); }
.t-side-cta > i { font-size: 30px; color: var(--p); margin-bottom: 8px; }
.t-side-cta h5 { justify-content: center; }
.t-side-cta p { color: var(--ink-2); font-size: 14.5px; }
.t-side-card.t-faq .nsa-header { font-size: 15px; padding: 14px 30px 14px 0; }
.t-side-card.t-faq .nsa-header::after { font-size: 22px; }
.t-side-card.t-faq .nsa-body { font-size: 14px; padding-bottom: 14px; }
.t-wa-card { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 22px; background: linear-gradient(135deg, #25d366, #128c7e); color: #fff !important; box-shadow: 0 14px 34px rgba(37, 211, 102, .25); }
.t-wa-card > i:first-child { font-size: 34px; }
.t-wa-card b { display: block; font-size: 17px; }
.t-wa-card small { opacity: .9; }
.t-wa-card > i:last-child { margin-left: auto; }
.t-info-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.t-info-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; }
.t-info-list i { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; background: var(--p-soft); color: var(--p); display: grid; place-items: center; }
.t-info-list span, .t-info-list a { padding-top: 7px; word-break: break-word; }
.t-contact-form { padding: 30px; }
.t-alert { display: flex; gap: 10px; align-items: center; padding: 14px 16px; border-radius: 14px; margin-bottom: 16px; font-weight: 700; }
.t-alert.ok { background: rgba(53, 211, 154, .12); color: var(--ok); }
.t-alert.err { background: rgba(255, 90, 90, .12); color: #ff6b6b; margin-top: 14px; }

/* 404 */
.t-404 { text-align: center; max-width: 720px; margin: 0 auto; }
.t-404-num { font-size: 150px; font-weight: 800; letter-spacing: -8px; line-height: 1; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t-404 h2 { font-size: 32px; letter-spacing: -1px; margin: 10px 0 10px; }
.t-404 p { color: var(--ink-2); font-size: 16.5px; line-height: 1.65; margin-bottom: 26px; }
.t-404-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }
.t-404-links a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 30px; background: var(--card); border: 1px solid var(--line); font-weight: 700; }
.t-404-links a:hover { border-color: var(--p-line); background: var(--p-soft); }
.t-404-links i { color: var(--p); }

@media (max-width: 991px) {
	.t-of-grid, .t-read-grid { grid-template-columns: 1fr; }
	.t-of-side, .t-read-side { position: static; }
	.t-of-side { order: -1; }
}
@media (max-width: 600px) {
	.t-of .order-steps-content, .t-contact-form, .t-read { padding: 20px; }
	.t-read-cover { margin: -20px -20px 20px; }
	.t-stepper { padding: 18px 10px; }
	.t-stepper-txt { font-size: 11px; }
	.t-of-fields { grid-template-columns: 1fr; }
	.t-of-actions { flex-wrap: wrap; }
	.t-of-actions .os-next-btn { flex: 1; justify-content: center; }
	.t-404-num { font-size: 100px; }
	.t-done-code { flex-wrap: wrap; justify-content: center; }
}

/* ================= SEO bölümleri ================= */
/* H1 anahtar kelime rozeti */
div.t-badge-pill { font-size: 14px; font-weight: 700; margin: 0; letter-spacing: 0; line-height: 1.4; color: var(--ink); }
.t-pill-sub { color: var(--ink-2); font-weight: 600; }
h1.t-hero-title, p.t-hero-title { color: var(--ink); }
.t-faq h3.nsa-header { margin: 0; font-size: 17.5px; line-height: 1.45; }

/* Ana sayfa rehberi */
.t-seo-wrap { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.t-seo-toc { position: sticky; top: 92px; display: grid; gap: 4px; background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 18px; }
.t-seo-toc b { font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--p); margin-bottom: 6px; }
.t-seo-toc a { font-size: 14px; font-weight: 600; color: var(--ink-2); padding: 7px 10px; border-radius: 10px; line-height: 1.35; }
.t-seo-toc a:hover { background: var(--price-bg); color: var(--ink); }
.t-seo-body { padding: 36px; position: relative; }
.t-seo-title { font-size: 34px; letter-spacing: -1px; line-height: 1.15; margin: 10px 0 16px; }
.t-seo-body p { color: var(--ink-2); line-height: 1.85; font-size: 16.5px; }
.t-seo-body h2 { font-size: 26px; letter-spacing: -.6px; margin: 34px 0 12px; scroll-margin-top: 100px; }
.t-seo-body h3 { font-size: 19px; margin: 22px 0 8px; }
.t-seo-body a { color: var(--p); font-weight: 700; }
.t-seo-more { position: relative; max-height: 380px; overflow: hidden; }
.t-seo-more::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(180deg, transparent, var(--card-solid)); pointer-events: none; }
:root:not([data-theme="light"]) .t-seo-more::after { background: linear-gradient(180deg, transparent, #0b1724); }
.t-seo.open .t-seo-more { max-height: none; }
.t-seo.open .t-seo-more::after { display: none; }
.t-seo-toggle { margin-top: 18px; }
.t-seo.open .t-seo-toggle i { transform: rotate(180deg); }
.t-seo-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; counter-reset: s; }
.t-seo-steps li { counter-increment: s; position: relative; padding: 14px 16px 14px 58px; background: var(--price-bg); border-radius: 14px; }
.t-seo-steps li::before { content: counter(s); position: absolute; left: 14px; top: 14px; width: 30px; height: 30px; border-radius: 50%; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 14px; }
.t-seo-steps b { display: block; margin-bottom: 2px; }
.t-seo-steps span { color: var(--ink-2); font-size: 15px; }
.t-seo-list { padding-left: 20px; color: var(--ink-2); line-height: 1.8; }
.t-seo-list li { margin-bottom: 6px; }
.t-seo-list strong { color: var(--ink); }

/* Tablolar */
.t-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; margin: 14px 0 6px; }
.t-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.t-table th { text-align: left; font-size: 12.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--ink-2); background: var(--price-bg); padding: 12px 16px; }
.t-table td { padding: 12px 16px; border-top: 1px solid var(--line); color: var(--ink); }
.t-table td i { color: var(--p); width: 18px; }
.t-table td a { white-space: nowrap; }
.t-table tbody tr:hover td { background: var(--p-soft); }
.t-table-cmp td.ok { color: var(--ink); font-weight: 600; }
.t-table-cmp td.ok i { color: var(--ok); }
.t-table-cmp td.no { color: var(--ink-2); }

/* Footer: popüler hizmetler bağlantı ağı */
.t-hub { padding: 0 0 36px; margin-bottom: 36px; border-bottom: 1px solid var(--line); }
.t-hub h4 { color: var(--ink); font-size: 16px; margin-bottom: 18px; }
.t-hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 22px 26px; }
.t-hub-pt { display: flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 800; margin-bottom: 10px; }
.t-hub-pt i { color: var(--p); }
.t-hub ul { list-style: none; margin: 0; padding: 0; }
.t-hub li { margin-bottom: 7px; }
.t-hub li a { font-size: 13.5px; color: var(--ink-2); }
.t-hub li a:hover { color: var(--p); }

@media (max-width: 991px) {
	.t-seo-wrap { grid-template-columns: 1fr; }
	.t-seo-toc { position: static; }
}
@media (max-width: 600px) {
	.t-seo-body { padding: 22px; }
	.t-seo-title { font-size: 26px; }
	.t-seo-body h2 { font-size: 22px; }
	.t-hub-grid { grid-template-columns: 1fr 1fr; }
}
.t-cp-title-l { display: flex; align-items: center; gap: 12px; }

/* Ana sayfa "Nasıl çalışır?" (part/include/tbaHow.php) */
.t-how { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.t-how-l { display: flex; flex-direction: column; gap: 12px; }
.t-how-step { position: relative; overflow: hidden; display: grid; grid-template-columns: 48px 1fr; gap: 4px 16px; text-align: left; padding: 20px 22px; border-radius: var(--r); background: var(--card); border: 1px solid var(--line); color: var(--ink); cursor: pointer; transition: border-color .25s, background .25s; font-family: inherit; }
.t-how-step:hover { background: var(--card-hover); }
.t-how-step .ic { grid-row: span 2; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--p-soft); color: var(--p); font-size: 18px; transition: background .25s, color .25s; }
.t-how-step .no { font-size: 12px; font-weight: 800; letter-spacing: 2px; color: var(--ink-2); }
.t-how-step .tx b { display: block; font-size: 18px; font-weight: 800; margin-bottom: 4px; }
.t-how-step .tx small { display: block; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }
.t-how-step .bar { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--p-fill); }
.t-how-step.on { border-color: var(--p-line); background: var(--card-hover); }
.t-how-step.on .ic { background: var(--p-fill); color: #fff; box-shadow: 0 8px 24px var(--glow); }
.t-how-step.on .no { color: var(--p); }
.t-how-step.on .bar { animation: tHowBar 7s linear forwards; }
.t-how.paused .t-how-step.on .bar { animation-play-state: paused; }
@keyframes tHowBar { to { width: 100%; } }
.t-how-r { position: relative; min-height: 380px; border-radius: var(--r-lg); border: 1px solid var(--line); background: radial-gradient(120% 80% at 80% 0%, var(--p-soft), transparent 60%), var(--card); padding: 34px; display: grid; place-items: center; }
.t-how-scr { grid-area: 1 / 1; width: 100%; max-width: 380px; background: var(--card-solid); border: 1px solid var(--line-strong); border-radius: var(--r); padding: 22px; box-shadow: var(--shadow-sm); opacity: 0; transform: translateY(14px) scale(.98); pointer-events: none; transition: opacity .45s, transform .45s; }
.t-how-scr.on { opacity: 1; transform: none; }
.t-how-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-weight: 800; color: var(--ink); }
.t-how-hd em { font-style: normal; font-size: 11px; letter-spacing: 1.5px; padding: 4px 9px; border-radius: 99px; background: var(--p-soft); color: var(--p); }
.t-how-pk { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); margin-bottom: 10px; }
.t-how-pk.on { border-color: var(--p-line); background: var(--p-soft); }
.t-how-pk .pi { width: 36px; height: 36px; flex: none; border-radius: 10px; display: grid; place-items: center; background: var(--p-fill); color: #fff; }
.t-how-pk .pn { flex: 1; min-width: 0; font-weight: 700; font-size: 14px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-how-pk .pn small { display: block; font-size: 11.5px; font-weight: 600; color: var(--ink-2); }
.t-how-pk b { color: var(--ink); white-space: nowrap; }
.t-how-pk.ghost { opacity: .55; }
.t-how-pk.ghost .pi { background: var(--line-strong); }
.t-how-pk.ghost .pn i { display: block; height: 8px; border-radius: 4px; background: var(--line-strong); width: 70%; margin: 4px 0; }
.t-how-pk.ghost .pn i + i { width: 40%; }
.t-how-btn { margin-top: 14px; padding: 12px; border-radius: 12px; background: var(--p-fill); color: #fff; font-weight: 800; text-align: center; font-size: 14.5px; }
.t-how-scr label { font-size: 13px; font-weight: 700; color: var(--ink-2); margin-bottom: 8px; }
.t-how-in { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-radius: 12px; background: var(--input); border: 1px solid var(--p-line); color: var(--ink); font-weight: 700; margin-bottom: 14px; }
.t-how-in i { color: var(--p); }
.t-how-in .typ { overflow: hidden; white-space: nowrap; border-right: 2px solid var(--p); width: 0; }
.t-how-scr.on .t-how-in .typ { animation: tHowTyp 1.4s steps(14) .4s forwards, tHowCaret .8s step-end infinite; }
@keyframes tHowTyp { to { width: 14ch; } }
@keyframes tHowCaret { 50% { border-color: transparent; } }
.t-how-ok { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-2); margin-bottom: 6px; }
.t-how-ok i, .t-how-done i { color: var(--ok); }
.t-how-card { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 12px; background: var(--p-fill); color: #fff; font-weight: 700; letter-spacing: 2px; margin-bottom: 16px; }
.t-how-card span { flex: 1; }
.t-how-row { display: flex; justify-content: space-between; color: var(--ink-2); font-size: 14.5px; }
.t-how-row b { color: var(--ink); font-size: 17px; }
.t-how-div { height: 1px; background: var(--line); margin: 14px 0; }
.t-how-done { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: rgba(53, 211, 154, .12); color: var(--ink); font-weight: 700; font-size: 14px; }
@media (max-width: 991px) {
	.t-how { grid-template-columns: 1fr; }
	.t-how-r { min-height: 0; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.t-how-step.on .bar { animation: none; width: 100%; }
	.t-how-scr { transition: none; }
	.t-how-scr.on .t-how-in .typ { animation: none; width: auto; border: 0; }
}

/* Ana sayfa SSS — sohbet görünümü (part/include/tbaSss.php) */
.t-chat { max-width: 860px; margin: 0 auto; border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--card); overflow: hidden; }
.t-chat-hd { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.t-chat-hd b { display: block; color: var(--ink); font-size: 16px; }
.t-chat-hd small { color: var(--ink-2); font-size: 13.5px; }
.t-chat-av { width: 44px; height: 44px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--p-fill); color: #fff; font-size: 18px; box-shadow: 0 8px 24px var(--glow); }
.t-chat-wa { margin-left: auto; padding: 10px 16px; font-size: 14px; }
.t-chat-body { min-height: 230px; padding: 26px 22px; display: flex; flex-direction: column; gap: 12px; }
.t-bub { max-width: 80%; padding: 13px 17px; border-radius: 18px; line-height: 1.6; font-size: 15.5px; animation: tBub .3s ease-out; }
.t-bub p:last-child { margin-bottom: 0; }
.t-bub.q { align-self: flex-end; background: var(--p-fill); color: #fff; font-weight: 700; border-bottom-right-radius: 6px; }
.t-bub.a { align-self: flex-start; background: var(--card-solid); border: 1px solid var(--line-strong); color: var(--ink); border-bottom-left-radius: 6px; }
.t-bub.a a { color: var(--p); }
.t-typing { align-self: flex-start; display: flex; gap: 5px; padding: 15px 17px; border-radius: 18px; border-bottom-left-radius: 6px; background: var(--card-solid); border: 1px solid var(--line-strong); }
.t-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--ink-2); animation: tTyp 1s infinite; }
.t-typing i:nth-child(2) { animation-delay: .15s; } .t-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes tTyp { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
@keyframes tBub { from { opacity: 0; transform: translateY(8px); } }
.t-chat-ft { padding: 18px 22px 22px; border-top: 1px solid var(--line); background: var(--card); }
.t-chat-ft .l { font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ink-2); margin-bottom: 12px; }
.t-chat-qs { display: flex; flex-wrap: wrap; gap: 8px; }
.t-chat-q { padding: 9px 15px; border-radius: 99px; border: 1px solid var(--line-strong); background: transparent; color: var(--ink); font-family: inherit; font-weight: 600; font-size: 14px; text-align: left; cursor: pointer; transition: border-color .2s, background .2s; }
.t-chat-q:hover { border-color: var(--p-line); }
.t-chat-q.on { background: var(--p-soft); border-color: var(--p-line); color: var(--p); }
@media (max-width: 575px) {
	.t-chat-hd { flex-wrap: wrap; padding: 16px; }
	.t-chat-wa { margin-left: 0; width: 100%; justify-content: center; }
	.t-chat-body { padding: 20px 16px; }
	.t-bub { max-width: 92%; font-size: 15px; }
	.t-chat-ft { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.t-bub, .t-typing i { animation: none; }
}

/* ---- Blog yazısı (single-post) + içerik bileşenleri kb-* (docs/seo-metin/blog-kit.md) ---- */
.t-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 1000; pointer-events: none; }
.t-progress i { display: block; height: 100%; width: 0; background: var(--p-fill); box-shadow: 0 0 10px var(--glow); }
.t-post-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; color: var(--ink-2); font-size: 14.5px; font-weight: 600; }
.t-post-meta span { display: inline-flex; align-items: center; gap: 7px; }
.t-post-meta i { color: var(--p); }
.t-post-grid { display: grid; grid-template-columns: minmax(0, 792px) 260px; gap: 32px; justify-content: center; align-items: stretch; }
.t-post-grid.no-toc { grid-template-columns: minmax(0, 792px); }
.t-post-side { position: relative; }
.t-post-side .t-toc-d { position: sticky; top: 92px; }
.t-post .entry-content { max-width: 720px; margin: 0 auto; font-size: 18px; line-height: 1.75; color: var(--ink-2); }
.t-post .entry-content p { margin: 0 0 1.1em; }
.t-post .entry-content h2 { font-size: 28px; line-height: 1.3; margin: 1.8em 0 .6em; scroll-margin-top: 96px; }
.t-post .entry-content h3 { font-size: 21px; line-height: 1.35; margin: 1.5em 0 .5em; scroll-margin-top: 96px; }
.t-post .entry-content li { margin-bottom: .35em; }
.t-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.t-toc li { counter-increment: toc; }
.t-toc ol a { display: flex; gap: 10px; padding: 7px 10px; border-radius: 10px; color: var(--ink-2); font-size: 14.5px; font-weight: 600; line-height: 1.4; border-left: 2px solid transparent; }
.t-toc ol a::before { content: counter(toc) "."; color: var(--p); font-weight: 800; min-width: 18px; }
.t-toc ol a:hover { color: var(--ink); background: var(--card-hover); }
.t-toc ol a.on { color: var(--ink); background: var(--p-soft); border-left-color: var(--p); }
.t-toc-d { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 18px 12px; max-height: calc(100vh - 120px); overflow: auto; }
.t-toc-d > b { display: flex; align-items: center; gap: 8px; padding: 0 10px 10px; font-size: 15px; color: var(--ink); }
.t-toc-d > b i, .t-toc-m summary i { color: var(--p); }
.t-toc-d .t-share { margin: 12px 10px 0; padding-top: 14px; border-top: 1px solid var(--line); }
.t-toc-m { display: none; background: var(--card); border: 1px solid var(--line); border-radius: 16px; margin: 0 auto 24px; max-width: 720px; }
.t-toc-m summary { cursor: pointer; padding: 14px 16px; font-weight: 800; color: var(--ink); list-style: none; display: flex; align-items: center; gap: 8px; }
.t-toc-m summary::-webkit-details-marker { display: none; }
.t-toc-m summary::after { content: "\f078"; font: 900 12px "Font Awesome 6 Free"; margin-left: auto; transition: transform .2s; }
.t-toc-m[open] summary::after { transform: rotate(180deg); }
.t-toc-m ol { padding: 0 8px 12px; }
.t-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.t-share > span { font-weight: 800; color: var(--ink); font-size: 14.5px; margin-right: 4px; }
.t-share a, .t-share button { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--card); border: 1px solid var(--line); color: var(--ink); font-size: 17px; cursor: pointer; transition: .15s; }
.t-share a:hover, .t-share button:hover { border-color: var(--p-line); color: var(--p); }
.t-share a.wa:hover { color: #25d366; border-color: #25d366; }
.t-share button.ok { color: var(--ok); border-color: var(--ok); }
.t-post-end { max-width: 720px; margin: 36px auto 0; padding-top: 22px; border-top: 1px solid var(--line); }
.t-related { margin-top: 56px; }
.t-related > h2 { font-size: 26px; margin: 0 0 20px; }
.t-related .t-blog-card h3 { font-size: 18px; margin: 0; }

/* bileşenler */
.entry-content .kb-ozet, .entry-content .kb-not, .entry-content .kb-cta, .entry-content .kb-kaynak { border-radius: 18px; padding: 20px 22px; margin: 1.6em 0; }
.entry-content .kb-ozet > b, .entry-content .kb-not > b, .entry-content .kb-cta > b, .entry-content .kb-kaynak > b { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 17px; margin-bottom: 8px; }
.entry-content .kb-ozet > :last-child, .entry-content .kb-not > :last-child, .entry-content .kb-kaynak > :last-child { margin-bottom: 0; }
.entry-content .kb-ozet { background: var(--p-soft); border: 1px solid var(--p-line); }
.entry-content .kb-ozet > b::before { content: "\f0e7"; font: 900 15px "Font Awesome 6 Free"; color: var(--p); }
.entry-content .kb-ozet ul { margin: 0; padding-left: 20px; }
.entry-content .kb-ozet li::marker { color: var(--p); }
.entry-content .kb-not { --kb: var(--p); background: color-mix(in srgb, var(--kb) 9%, transparent); border: 1px solid color-mix(in srgb, var(--kb) 35%, transparent); border-left: 4px solid var(--kb); }
.entry-content .kb-not > b::before { content: "\f05a"; font: 900 15px "Font Awesome 6 Free"; color: var(--kb); }
.entry-content .kb-ipucu { --kb: var(--ok); }
.entry-content .kb-ipucu > b::before { content: "\f0eb"; }
.entry-content .kb-uyari { --kb: var(--accent); }
.entry-content .kb-uyari > b::before { content: "\f071"; }
.entry-content .kb-not p { margin: 0 0 .6em; }
.entry-content ol.kb-adim { list-style: none; counter-reset: adim; padding: 0; margin: 1.6em 0; }
.entry-content .kb-adim > li { counter-increment: adim; position: relative; padding: 0 0 22px 58px; margin: 0; }
.entry-content .kb-adim > li::before { content: counter(adim); position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 12px; background: var(--p-fill); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 17px; box-shadow: 0 8px 20px var(--glow); }
.entry-content .kb-adim > li:not(:last-child)::after { content: ""; position: absolute; left: 19px; top: 46px; bottom: 6px; width: 2px; background: var(--line-strong); }
.entry-content .kb-adim > li > b { display: block; color: var(--ink); font-size: 18px; line-height: 40px; }
.entry-content .kb-adim > li > p { margin: 2px 0 0; }
.entry-content .kb-tablo { margin: 1.6em 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; -webkit-overflow-scrolling: touch; }
.entry-content .kb-tablo table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; min-width: 480px; }
.entry-content .kb-tablo th { background: var(--card-hover); color: var(--ink); text-align: left; font-weight: 800; }
.entry-content .kb-tablo th, .entry-content .kb-tablo td { padding: 12px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.entry-content .kb-tablo tbody tr:last-child td { border-bottom: 0; }
.entry-content .kb-tablo tbody tr:nth-child(even) td { background: var(--card); }
.entry-content ul.kb-liste { list-style: none; padding: 0; margin: 1.2em 0; }
.entry-content .kb-liste > li { position: relative; padding-left: 34px; margin-bottom: .55em; }
.entry-content .kb-liste > li::before { content: "\f00c"; font: 900 12px "Font Awesome 6 Free"; position: absolute; left: 0; top: .3em; width: 22px; height: 22px; border-radius: 7px; background: color-mix(in srgb, var(--ok) 16%, transparent); color: var(--ok); display: grid; place-items: center; }
.entry-content .kb-cta { background: linear-gradient(135deg, var(--p-soft), color-mix(in srgb, #7c8cff 12%, transparent)); border: 1px solid var(--p-line); padding: 26px; }
.entry-content .kb-cta > b { font-size: 20px; }
.entry-content .kb-cta p { margin: 0 0 16px; }
.entry-content a.kb-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 14px; background: var(--p-fill); color: #fff !important; font-weight: 800; font-size: 16px; text-decoration: none; box-shadow: 0 10px 26px var(--glow); transition: transform .15s; }
.entry-content a.kb-btn::after { content: "\f061"; font: 900 14px "Font Awesome 6 Free"; }
.entry-content a.kb-btn:hover { transform: translateY(-2px); }
.entry-content .kb-sss { margin: 2.2em 0 1.6em; }
.entry-content .kb-sss details { background: var(--card); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 10px; transition: border-color .15s; }
.entry-content .kb-sss details[open] { border-color: var(--p-line); }
.entry-content .kb-sss summary { cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; font-weight: 700; color: var(--ink); position: relative; font-size: 17px; line-height: 1.45; }
.entry-content .kb-sss summary::-webkit-details-marker { display: none; }
.entry-content .kb-sss summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 400; color: var(--p); }
.entry-content .kb-sss details[open] summary::after { content: "\2212"; }
.entry-content .kb-sss details > :not(summary) { padding: 0 18px; margin: 0 0 14px; font-size: 16.5px; }
.entry-content .kb-seri { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 2em 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
.entry-content .kb-seri > b { grid-column: 1 / -1; color: var(--p); font-size: 13px; letter-spacing: .6px; text-transform: uppercase; }
.entry-content .kb-seri a { display: block; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--card-solid); color: var(--ink); font-weight: 700; font-size: 15.5px; line-height: 1.4; text-decoration: none; }
.entry-content .kb-seri a:hover { border-color: var(--p-line); color: var(--p); }
.entry-content .kb-seri a.kb-onceki { grid-column: 1; }
.entry-content .kb-seri a.kb-sonraki { grid-column: 2; text-align: right; }
.entry-content .kb-seri a:not(.kb-onceki):not(.kb-sonraki) { grid-column: 1 / -1; text-align: center; background: transparent; color: var(--p); }
.entry-content .kb-kaynak { background: var(--card); border: 1px solid var(--line); font-size: 15.5px; }
.entry-content .kb-kaynak > b::before { content: "\f02d"; font: 900 14px "Font Awesome 6 Free"; color: var(--p); }
.entry-content .kb-kaynak ul { margin: 0; padding-left: 20px; }
.entry-content .kb-kaynak a { word-break: break-word; }
.entry-content p.kb-guncel { font-size: 14.5px; color: var(--ink-2); display: flex; align-items: center; gap: 8px; }
.entry-content p.kb-guncel::before { content: "\f274"; font: 400 14px "Font Awesome 6 Free"; color: var(--p); }

@media (max-width: 1199px) {
	.t-post-grid { grid-template-columns: minmax(0, 1fr) 240px; gap: 24px; }
}
@media (max-width: 991px) {
	.t-post-grid, .t-post-grid.no-toc { grid-template-columns: minmax(0, 1fr); }
	.t-post-side { display: none; }
	.t-toc-m { display: block; }
}
@media (max-width: 600px) {
	.t-post .entry-content { font-size: 17px; }
	.t-post .entry-content h2 { font-size: 23px; }
	.entry-content .kb-adim > li { padding-left: 50px; }
	.entry-content .kb-seri { grid-template-columns: 1fr; }
	.entry-content .kb-seri a.kb-sonraki, .entry-content .kb-seri a.kb-onceki { grid-column: 1; text-align: left; }
	.entry-content .kb-ozet, .entry-content .kb-not, .entry-content .kb-cta, .entry-content .kb-kaynak { padding: 16px 18px; }
}
@media print { .t-progress, .t-post-side, .t-toc-m, .t-share, .t-related { display: none !important; } }