/*
Theme Name: SKT
Theme URI: https://sketchupturkiye.com/
Author: Ufuk Şen
Author URI: https://sketchupturkiye.com/hakkimizda/
Description: sketchupturkiye.com için hafif, hızlı dergi teması. Manşet, kategori blokları, içindekiler, tıklayınca yüklenen YouTube, çerez onaylı Analytics, AdSense ve WhatsApp düğmesi içinde gelir; eklenti gerektirmez.
Version: 1.0.20
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skt
*/

/* ---------- Yazı tipi ---------- */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("assets/fonts/montserrat-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("assets/fonts/montserrat-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Tasarım değişkenleri ---------- */
:root {
	--skt-brand: #0a9e01;
	--skt-brand-d: #077a00;
	--skt-brand-l: #e8f6e7;
	--skt-accent: #c2263f; /* logodaki bordo; çok az yerde */
	--skt-ink: #15181d;
	--skt-text: #2c2f34;
	--skt-muted: #677080;
	--skt-line: #e6e8eb;
	--skt-bg: #f4f5f7;
	--skt-card: #fff;
	--skt-dark: #14171c;
	--skt-dark-2: #1d2128;
	--skt-r: 14px;
	--skt-r-s: 9px;
	--skt-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);
	--skt-shadow-h: 0 10px 28px -10px rgba(16, 24, 40, .22);
	--skt-wrap: 1240px;
	--skt-gap: clamp(16px, 2.4vw, 28px);
	--skt-head: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--skt-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--skt-header-h: 72px;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--skt-header-h) + 16px); }
body {
	margin: 0;
	background: var(--skt-bg);
	color: var(--skt-text);
	font: 400 16px/1.65 var(--skt-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img, svg, video, iframe { max-width: 100%; }
img { height: auto; vertical-align: middle; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--skt-brand); }
:focus-visible { outline: 3px solid var(--skt-brand); outline-offset: 2px; border-radius: 4px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--skt-head); color: var(--skt-ink); line-height: 1.25; margin: 0 0 .6em; font-weight: 700; letter-spacing: -.01em; }
p { margin: 0 0 1.1em; }
button, input, select, textarea { font: inherit; color: inherit; }
.skt-i { width: 18px; height: 18px; fill: currentColor; flex: none; }
.screen-reader-text, .skt-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.skt-skip:focus { position: fixed; z-index: 1000; top: 8px; left: 8px; width: auto; height: auto; clip: auto; background: #fff; color: var(--skt-ink); padding: 10px 16px; border-radius: 8px; box-shadow: var(--skt-shadow-h); }
.skt-wrap { width: 100%; max-width: var(--skt-wrap); margin: 0 auto; padding: 0 var(--skt-gap); }

/* ---------- Üst şerit ---------- */
.skt-topbar { background: var(--skt-dark); color: #c9ced6; font-size: 13px; }
.skt-topbar .skt-wrap { display: flex; align-items: center; gap: 16px; min-height: 38px; }
.skt-topbar__date { color: #8e96a3; white-space: nowrap; }
.skt-topbar__menu { display: flex; flex-wrap: wrap; gap: 4px 18px; list-style: none; margin: 0 0 0 auto; padding: 0; }
.skt-topbar__menu a:hover { color: #fff; }
.skt-topbar .skt-social { margin-left: 8px; }
.skt-social { display: flex; gap: 6px; align-items: center; }
.skt-social__a { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; transition: background .2s, color .2s; }
.skt-social__a .skt-i { width: 16px; height: 16px; }
.skt-topbar .skt-social__a:hover { background: var(--skt-dark-2); color: #fff; }

/* ---------- Başlık ---------- */
.skt-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .96); backdrop-filter: saturate(1.6) blur(10px); -webkit-backdrop-filter: saturate(1.6) blur(10px); border-bottom: 1px solid var(--skt-line); transition: box-shadow .25s; }
.admin-bar .skt-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .skt-header { top: 0; } }
.skt-header.is-stuck { box-shadow: 0 6px 24px -14px rgba(16, 24, 40, .35); }
.skt-header .skt-wrap { display: flex; align-items: center; gap: 20px; height: var(--skt-header-h); }
.skt-logo { display: flex; align-items: center; flex: none; }
.skt-logo img { width: auto; height: 62px; max-height: none; transition: height .25s; }
.skt-header.is-stuck .skt-logo img { height: 54px; }
.skt-logo__text { font: 800 22px/1 var(--skt-head); color: var(--skt-ink); }

.skt-nav { margin-left: auto; }
.skt-nav > ul { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.skt-nav li { position: relative; }
.skt-nav a { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 10px; font: 600 14.5px/1.2 var(--skt-head); color: var(--skt-ink); white-space: nowrap; transition: background .18s, color .18s; }
.skt-nav > ul > li > a:hover, .skt-nav > ul > li:focus-within > a { background: var(--skt-brand-l); color: var(--skt-brand-d); }
.skt-nav > ul > li.current-menu-item > a, .skt-nav > ul > li.current-menu-ancestor > a, .skt-nav > ul > li.current-menu-parent > a { color: var(--skt-brand-d); box-shadow: inset 0 -3px 0 var(--skt-brand); border-radius: 10px 10px 4px 4px; }
.skt-nav .menu-item-has-children > a::after { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); opacity: .6; }
.skt-nav .sub-menu { position: absolute; top: 100%; left: 0; min-width: 230px; list-style: none; margin: 0; padding: 8px; background: #fff; border: 1px solid var(--skt-line); border-radius: 12px; box-shadow: var(--skt-shadow-h); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s; }
.skt-nav li:hover > .sub-menu, .skt-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s; }
.skt-nav .sub-menu a { font-weight: 500; padding: 9px 12px; }
.skt-nav .sub-menu a:hover { background: var(--skt-bg); }
.skt-nav .sub-menu .sub-menu { left: 100%; top: -8px; }

.skt-actions { display: flex; align-items: center; gap: 6px; }
.skt-btn-icon { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 12px; background: transparent; color: var(--skt-ink); cursor: pointer; transition: background .18s; }
.skt-btn-icon:hover { background: var(--skt-bg); color: var(--skt-ink); }
.skt-btn-icon .skt-i { width: 21px; height: 21px; }
.skt-menu-toggle { display: none; }

/* Gündem şeridi */
.skt-ticker { background: #fff; border-bottom: 1px solid var(--skt-line); font-size: 14px; }
.skt-ticker .skt-wrap { display: flex; align-items: center; gap: 14px; height: 44px; }
.skt-ticker__label { flex: none; display: inline-flex; align-items: center; gap: 7px; font: 700 12px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .06em; color: var(--skt-accent); }
.skt-ticker__label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(194, 38, 63, .15); animation: skt-pulse 2s infinite; }
@keyframes skt-pulse { 50% { box-shadow: 0 0 0 7px rgba(194, 38, 63, 0); } }
.skt-ticker__list { display: flex; gap: 28px; overflow-x: auto; scrollbar-width: none; list-style: none; margin: 0; padding: 0; mask-image: linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); }
.skt-ticker__list::-webkit-scrollbar { display: none; }
.skt-ticker__list li { white-space: nowrap; }
.skt-ticker__list a { color: var(--skt-text); }
.skt-ticker__list a:hover { color: var(--skt-brand); }

/* ---------- Mobil çekmece ---------- */
.skt-drawer { position: fixed; inset: 0; z-index: 200; visibility: hidden; }
.skt-drawer.is-open { visibility: visible; }
.skt-drawer__bg { position: absolute; inset: 0; background: rgba(10, 12, 16, .55); opacity: 0; transition: opacity .25s; }
.skt-drawer.is-open .skt-drawer__bg { opacity: 1; }
.skt-drawer__panel { position: absolute; top: 0; bottom: 0; left: 0; width: min(88vw, 380px); background: #fff; padding: 18px 18px 32px; overflow-y: auto; transform: translateX(-100%); transition: transform .3s cubic-bezier(.2, .8, .2, 1); display: flex; flex-direction: column; gap: 18px; }
.skt-drawer.is-open .skt-drawer__panel { transform: none; }
.skt-drawer__head { display: flex; align-items: center; justify-content: space-between; }
.skt-drawer__head img { max-height: 44px; width: auto; }
.skt-drawer nav ul { list-style: none; margin: 0; padding: 0; }
.skt-drawer nav li { border-bottom: 1px solid var(--skt-line); }
.skt-drawer nav a { display: block; padding: 13px 4px; font: 600 16px/1.3 var(--skt-head); color: var(--skt-ink); }
.skt-drawer nav .sub-menu { display: none; padding: 0 0 8px 12px; }
.skt-drawer nav .sub-menu li { border: 0; }
.skt-drawer nav .sub-menu a { font-weight: 500; font-size: 15px; padding: 8px 4px; color: var(--skt-text); }
.skt-drawer nav li.is-open > .sub-menu { display: block; }
.skt-drawer nav .menu-item-has-children { position: relative; }
.skt-sub-toggle { position: absolute; right: 0; top: 4px; width: 40px; height: 40px; border: 0; background: none; cursor: pointer; border-radius: 10px; }
.skt-sub-toggle::before { content: ""; position: absolute; left: 16px; top: 14px; width: 8px; height: 8px; border: solid var(--skt-muted); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
.is-open > .skt-sub-toggle::before { transform: translateY(4px) rotate(-135deg); }
body.skt-lock { overflow: hidden; }

/* ---------- Arama penceresi ---------- */
.skt-search-dlg { border: 0; padding: 0; width: min(680px, calc(100vw - 32px)); margin: 12vh auto auto; border-radius: 18px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .45); background: #fff; }
.skt-search-dlg::backdrop { background: rgba(10, 12, 16, .6); backdrop-filter: blur(4px); }
.skt-search-dlg__in { padding: 22px; }
.skt-search-dlg__hint { margin: 12px 4px 0; font-size: 13px; color: var(--skt-muted); }
.skt-searchform { display: flex; gap: 8px; }
.skt-searchform input[type="search"] { flex: 1; min-width: 0; height: 52px; padding: 0 18px; border: 2px solid var(--skt-line); border-radius: 14px; background: var(--skt-bg); font-size: 17px; outline: none; transition: border-color .18s, background .18s; }
.skt-searchform input[type="search"]:focus { border-color: var(--skt-brand); background: #fff; }
.skt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--skt-brand-d); color: #fff; font: 700 15px/1 var(--skt-head); cursor: pointer; transition: background .18s, transform .18s; }
.skt-btn:hover { background: #055c00; color: #fff; }
.skt-btn:active { transform: translateY(1px); }
.skt-btn--ghost { background: transparent; color: var(--skt-ink); box-shadow: inset 0 0 0 2px var(--skt-line); }
.skt-btn--ghost:hover { background: var(--skt-bg); color: var(--skt-ink); }
.skt-searchform .skt-btn { height: 52px; padding: 0 22px; }

/* ---------- Düzen ---------- */
.skt-main { padding: var(--skt-gap) 0 calc(var(--skt-gap) * 2); }
.skt-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: var(--skt-gap); align-items: start; }
.skt-layout--full { grid-template-columns: minmax(0, 1fr); }
.skt-aside { position: sticky; top: calc(var(--skt-header-h) + 20px); display: flex; flex-direction: column; gap: var(--skt-gap); }
.admin-bar .skt-aside { top: calc(var(--skt-header-h) + 52px); }
.skt-box { background: var(--skt-card); border-radius: var(--skt-r); box-shadow: var(--skt-shadow); }
.skt-section { margin-bottom: calc(var(--skt-gap) * 1.4); }
.skt-section-title { display: flex; align-items: center; gap: 12px; font-size: 20px; margin: 0 0 16px; }
.skt-section-title::before { content: ""; width: 6px; height: 22px; border-radius: 3px; background: var(--skt-brand); }
.skt-section-title a { color: inherit; }
.skt-section-title .skt-more { margin-left: auto; font: 600 13px/1 var(--skt-body); color: var(--skt-muted); display: inline-flex; align-items: center; gap: 4px; }
.skt-section-title .skt-more:hover { color: var(--skt-brand); }
.skt-section-title .skt-more .skt-i { width: 15px; height: 15px; }

.skt-grid { display: grid; gap: var(--skt-gap); }
.skt-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.skt-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.skt-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---------- Kartlar ---------- */
.skt-card { position: relative; display: flex; flex-direction: column; background: var(--skt-card); border-radius: var(--skt-r); box-shadow: var(--skt-shadow); overflow: hidden; transition: box-shadow .25s, transform .25s; }
.skt-card:hover { box-shadow: var(--skt-shadow-h); transform: translateY(-2px); }
.skt-card__media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, #e9ecef, #dfe3e8); }
.skt-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.skt-card:hover .skt-card__media img { transform: scale(1.045); }
.skt-card__ph { position: absolute; inset: 0; display: grid; place-items: center; }
.skt-card__ph::after { content: "SketchUp Türkiye"; font: 800 15px/1 var(--skt-head); color: rgba(21, 24, 29, .18); letter-spacing: .04em; }
.skt-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
.skt-card__title { font-size: 17px; line-height: 1.35; margin: 0; }
.skt-card__title a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .35s, color .2s; }
.skt-card:hover .skt-card__title a { color: var(--skt-brand-d); }
.skt-card__excerpt { margin: 0; color: var(--skt-muted); font-size: 15px; line-height: 1.55; }
.skt-card .skt-meta { margin-top: auto; }

.skt-badge { align-self: flex-start; display: inline-block; padding: 5px 10px; border-radius: 999px; background: var(--skt-brand-l); color: var(--skt-brand-d); font: 700 11.5px/1 var(--skt-head); letter-spacing: .02em; text-transform: none; transition: background .18s, color .18s; }
.skt-badge:hover { background: var(--skt-brand-d); color: #fff; }

.skt-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 13px; color: var(--skt-muted); }
.skt-meta > * { display: inline-flex; align-items: center; gap: 5px; }
.skt-meta .skt-i { width: 15px; height: 15px; opacity: .8; }
.skt-meta__author { font-weight: 600; color: var(--skt-text); }

/* Liste kartı (son yazılar) */
.skt-card--list { flex-direction: row; align-items: stretch; }
.skt-card--list .skt-card__media { flex: 0 0 42%; aspect-ratio: auto; min-height: 100%; }
.skt-card--list .skt-card__body { padding: 20px 22px; gap: 10px; }
.skt-card--list .skt-card__title { font-size: 20px; }
.skt-card--list .skt-readmore { margin-top: 2px; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font: 700 13.5px/1 var(--skt-head); color: var(--skt-brand-d); }
.skt-card--list .skt-readmore .skt-i { width: 16px; height: 16px; transition: transform .2s; }
.skt-card--list:hover .skt-readmore .skt-i { transform: translateX(4px); }
.skt-list { display: flex; flex-direction: column; gap: 18px; }

/* Mini kart (yan sütun, blok listeleri) */
.skt-card--mini { flex-direction: row; align-items: center; gap: 14px; background: none; box-shadow: none; border-radius: 0; overflow: visible; }
.skt-card--mini:hover { transform: none; box-shadow: none; }
.skt-card--mini .skt-card__media { flex: 0 0 104px; border-radius: 10px; }
.skt-card--mini .skt-card__body { padding: 0; gap: 4px; }
.skt-card--mini .skt-card__title { font-size: 14.5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Manşet */
.skt-hero { display: grid; grid-template-columns: 1.55fr 1fr 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: calc(var(--skt-gap) * 1.2); }
.skt-hero > :first-child { grid-row: span 2; }
.skt-hero > :nth-child(2) { grid-column: span 2; }
.skt-card--hero { min-height: 230px; border-radius: var(--skt-r); color: #fff; }
.skt-hero > :first-child.skt-card--hero { min-height: 472px; }
.skt-card--hero .skt-card__media { position: absolute; inset: 0; aspect-ratio: auto; }
.skt-card--hero .skt-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(8, 10, 14, .55) 62%, rgba(8, 10, 14, .9)); }
.skt-card--hero .skt-card__body { position: relative; z-index: 1; justify-content: flex-end; padding: 22px 24px; pointer-events: none; }
.skt-card--hero .skt-card__body a { pointer-events: auto; }
.skt-card--hero .skt-card__title { font-size: 19px; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.skt-hero > :first-child .skt-card__title { font-size: clamp(22px, 2.5vw, 32px); line-height: 1.2; }
.skt-card--hero .skt-card__title a:hover { color: #fff; }
.skt-card--hero:hover .skt-card__title a { color: #fff; background-size: 100% 2px; }
.skt-card--hero .skt-badge { background: var(--skt-brand-d); color: #fff; }
.skt-card--hero .skt-meta { color: rgba(255, 255, 255, .82); margin-top: 0; }
.skt-card--hero .skt-card__sub { margin: 0; color: rgba(255, 255, 255, .85); font-size: 15px; line-height: 1.5; max-width: 60ch; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Afiş */
.skt-banner { display: block; margin-bottom: calc(var(--skt-gap) * 1.2); border-radius: var(--skt-r); overflow: hidden; box-shadow: var(--skt-shadow); background: #fff; }
.skt-banner img { width: 100%; display: block; transition: transform .6s; }
.skt-banner:hover img { transform: scale(1.01); }

/* Kategori blokları */
.skt-catblock { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--skt-gap); background: var(--skt-card); border-radius: var(--skt-r); box-shadow: var(--skt-shadow); padding: 20px; }
.skt-catblock .skt-card--card { box-shadow: none; border: 1px solid var(--skt-line); }
.skt-catblock__list { display: flex; flex-direction: column; gap: 16px; }
.skt-catblocks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--skt-gap); }
.skt-catblocks .skt-catblock { grid-template-columns: minmax(0, 1fr); }
.skt-catblocks .skt-section { margin: 0; }

/* ---------- Yan sütun ---------- */
.skt-widget { background: var(--skt-card); border-radius: var(--skt-r); box-shadow: var(--skt-shadow); padding: 20px; }
.skt-widget__title { display: flex; align-items: center; gap: 10px; font-size: 16.5px; margin: 0 0 16px; }
.skt-widget__title::before { content: ""; width: 5px; height: 18px; border-radius: 3px; background: var(--skt-brand); }
.skt-widget ul { list-style: none; margin: 0; padding: 0; }
.skt-widget li + li { margin-top: 10px; }
.skt-pop { counter-reset: pop; display: flex; flex-direction: column; gap: 16px; }
.skt-pop .skt-card--mini .skt-card__media { flex-basis: 92px; }
.skt-pop .skt-card--mini::before { counter-increment: pop; content: counter(pop); position: absolute; z-index: 2; left: -6px; top: -6px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--skt-ink); color: #fff; font: 700 12px/1 var(--skt-head); box-shadow: 0 0 0 3px #fff; }
.skt-pop .skt-card--mini:nth-child(1)::before { background: var(--skt-brand-d); }
.skt-tabs__nav { display: flex; gap: 4px; padding: 4px; margin: -4px -4px 16px; background: var(--skt-bg); border-radius: 12px; }
.skt-tabs__nav button { flex: 1; height: 36px; border: 0; border-radius: 9px; background: transparent; font: 600 13.5px/1 var(--skt-head); color: var(--skt-muted); cursor: pointer; }
.skt-tabs__nav button[aria-selected="true"] { background: #fff; color: var(--skt-ink); box-shadow: var(--skt-shadow); }
.skt-tabs__panel { display: flex; flex-direction: column; gap: 14px; }
.skt-tabs__panel[hidden] { display: none; }
.skt-cats li { display: flex; }
.skt-cats a { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: 10px; background: var(--skt-bg); font-weight: 600; font-size: 14.5px; }
.skt-cats a:hover { background: var(--skt-brand-l); color: var(--skt-brand-d); }
.skt-cats li + li { margin-top: 6px !important; }
.skt-cats span { font-weight: 600; font-size: 12px; color: var(--skt-muted); background: #fff; padding: 3px 8px; border-radius: 999px; }
.skt-widget .skt-social { flex-wrap: wrap; gap: 8px; }
.skt-widget .skt-social__a { width: auto; height: auto; flex: 1 1 calc(50% - 8px); justify-content: flex-start; display: flex; gap: 9px; padding: 10px 12px; border-radius: 10px; background: var(--skt-bg); font-weight: 600; font-size: 14px; color: var(--skt-ink); }
.skt-widget .skt-social__a::after { content: attr(aria-label); }
.skt-widget .skt-social__a--facebook:hover { background: #1877f2; color: #fff; }
.skt-widget .skt-social__a--twitter:hover { background: #000; color: #fff; }
.skt-widget .skt-social__a--instagram:hover { background: #d62976; color: #fff; }
.skt-widget .skt-social__a--youtube:hover { background: #ff0000; color: #fff; }
.skt-widget .skt-social__a--linkedin:hover { background: #0a66c2; color: #fff; }
.skt-promo { position: relative; display: block; overflow: hidden; border-radius: var(--skt-r); padding: 22px; color: #fff; background: radial-gradient(120% 120% at 100% 0, #2fd17d 0, transparent 50%), linear-gradient(135deg, #0a9e01, #05551b); box-shadow: var(--skt-shadow); }
.skt-promo:hover { color: #fff; }
.skt-promo--store { background: radial-gradient(120% 120% at 100% 0, #ff6b81 0, transparent 52%), linear-gradient(135deg, #2a1218, #8f1d2e 55%, #c2263f); }
.skt-promo--store .skt-promo__b { color: var(--skt-accent); }
.skt-promo--studio { background: radial-gradient(120% 120% at 100% 0, #d39a62 0, transparent 52%), linear-gradient(135deg, #151513, #3a3934 55%, #a86f3c); }
.skt-promo--studio .skt-promo__b { color: #7a4f28; }
.skt-promo--path { background: radial-gradient(120% 120% at 100% 0, #60a5fa 0, transparent 52%), linear-gradient(135deg, #0b1f4d, #1d4ed8 60%, #3b82f6); }
.skt-promo--path .skt-promo__b { color: #1d4ed8; }
.skt-promo__lv { display: flex; gap: 6px; margin: -4px 0 16px; }
.skt-promo__lv i { flex: 1; font: 700 11px/1 var(--skt-head); font-style: normal; opacity: .9; }
.skt-promo__lv b { display: block; height: 6px; margin-bottom: 6px; border-radius: 6px; background: rgba(255, 255, 255, .25); overflow: hidden; position: relative; }
.skt-promo__lv b::after { content: ""; position: absolute; inset: 0; width: var(--p, 0%); border-radius: 6px; background: #fff; transition: width .6s ease; }
.skt-promo--quiz { background: radial-gradient(120% 120% at 100% 0, #ffe066 0, transparent 50%), linear-gradient(135deg, #3b2300, #b45309 58%, #f59e0b); }
.skt-promo--quiz .skt-promo__b { color: #b45309; }
.skt-promo__keys { position: absolute; right: 16px; top: 16px; display: flex; gap: 5px; }
.skt-promo__keys span { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 7px; border-radius: 8px; background: #fff; color: #3b2300; font: 800 13px var(--skt-head); box-shadow: 0 3px 0 rgba(0, 0, 0, .25); animation: skt-promo-key 2.4s ease-in-out infinite; }
.skt-promo__keys span:nth-child(2) { animation-delay: .3s; }
.skt-promo__keys span:nth-child(3) { animation-delay: .6s; }
.skt-promo__keys span:nth-child(4) { animation-delay: .9s; }
.skt-promo--quiz .skt-promo__k { display: block; margin-top: 34px; }
@keyframes skt-promo-key { 0%, 70%, 100% { transform: translateY(0); box-shadow: 0 3px 0 rgba(0, 0, 0, .25); } 80% { transform: translateY(3px); box-shadow: 0 0 0 rgba(0, 0, 0, .25); } }
.skt-promo--path:hover .skt-promo__b, .skt-promo--quiz:hover .skt-promo__b { transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) { .skt-promo__keys span { animation: none; } }
.skt-promo__k { font: 700 11.5px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .1em; opacity: .85; }
.skt-promo__t { display: block; margin: 8px 0 6px; font: 800 21px/1.2 var(--skt-head); }
.skt-promo__p { display: block; font-size: 14px; opacity: .9; margin-bottom: 14px; }
.skt-promo__b { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; background: #fff; color: var(--skt-brand-d); font: 700 13.5px/1 var(--skt-head); }

/* ---------- Arşiv başlığı ---------- */
.skt-archive-head { position: relative; overflow: hidden; margin-bottom: var(--skt-gap); padding: clamp(22px, 4vw, 38px); border-radius: var(--skt-r); background: var(--skt-card); box-shadow: var(--skt-shadow); }
.skt-archive-head::after { content: ""; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(closest-side, var(--skt-brand-l), transparent); }
.skt-archive-head h1 { position: relative; z-index: 1; font-size: clamp(26px, 3.2vw, 36px); margin: 8px 0 6px; }
.skt-archive-head__k { position: relative; z-index: 1; font: 700 12px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .1em; color: var(--skt-brand-d); }
.skt-archive-head__d { position: relative; z-index: 1; color: var(--skt-muted); max-width: 70ch; margin: 0; }
.skt-archive-head__d p:last-child { margin: 0; }
.skt-subcats { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.skt-subcats a { padding: 7px 13px; border-radius: 999px; background: var(--skt-bg); font-weight: 600; font-size: 13.5px; }
.skt-subcats a:hover { background: var(--skt-brand-l); color: var(--skt-brand-d); }

/* Sayfalama */
.navigation.pagination { margin-top: calc(var(--skt-gap) * 1.2); }
.nav-links { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 12px; background: #fff; box-shadow: var(--skt-shadow); font: 600 14.5px/1 var(--skt-head); }
.page-numbers.current { background: var(--skt-brand-d); color: #fff; }
.page-numbers.dots { background: none; box-shadow: none; }
a.page-numbers:hover { background: var(--skt-brand-l); color: var(--skt-brand-d); }

/* ---------- Yol haritası ---------- */
.skt-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 2px; font-size: 13px; color: var(--skt-muted); margin-bottom: 14px; }
.skt-crumbs a:hover { color: var(--skt-brand); }
.skt-crumbs__sep { margin: 0 6px; opacity: .5; }
.skt-crumbs .aioseo-breadcrumbs { display: flex; flex-wrap: wrap; gap: 4px; }
.skt-crumbs .aioseo-breadcrumb-separator { opacity: .5; margin: 0 4px; }

/* ---------- Yazı ---------- */
.skt-article { padding: clamp(20px, 3.4vw, 42px); }
.skt-article__head { margin-bottom: 22px; }
.skt-article__head .skt-badge { margin-bottom: 14px; }
.skt-article__title { font-size: clamp(27px, 3.6vw, 42px); line-height: 1.16; margin: 0 0 12px; letter-spacing: -.02em; }
.skt-article__sub { margin: 0 0 16px; font-size: clamp(17px, 1.6vw, 19px); line-height: 1.5; color: var(--skt-muted); }
.skt-article__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding-top: 16px; border-top: 1px solid var(--skt-line); }
.skt-byline { display: flex; align-items: center; gap: 12px; }
.skt-byline img { border-radius: 50%; }
.skt-byline .skt-meta { font-size: 13.5px; }
.skt-byline__name { display: block; font: 700 14.5px/1.3 var(--skt-head); color: var(--skt-ink); }
.skt-article__media { margin: 0 0 26px; border-radius: var(--skt-r-s); overflow: hidden; background: var(--skt-bg); }
.skt-article__media img { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.skt-article__media figcaption { padding: 8px 12px; font-size: 13px; color: var(--skt-muted); }

/* İçerik tipografisi — yalnız .skt-content içinde (yapıştırılmış dış sınıflar etkilenmez) */
.skt-content { font-size: 17.5px; line-height: 1.78; color: var(--skt-text); overflow-wrap: break-word; }
.skt-content > * { max-width: 100%; }
.skt-content h2 { font-size: clamp(22px, 2.3vw, 27px); margin: 1.9em 0 .6em; padding-top: .2em; }
.skt-content h3 { font-size: clamp(19px, 1.9vw, 22px); margin: 1.6em 0 .5em; }
.skt-content h4 { font-size: 18px; margin: 1.4em 0 .5em; }
.skt-content h2:first-child, .skt-content h3:first-child { margin-top: 0; }
.skt-content a { color: var(--skt-brand-d); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(10, 158, 1, .45); transition: text-decoration-color .18s, color .18s; }
.skt-content a:hover { color: var(--skt-brand); text-decoration-color: currentColor; }
.skt-content ul, .skt-content ol { padding-left: 1.4em; margin: 0 0 1.3em; }
.skt-content li { margin: .35em 0; }
.skt-content li::marker { color: var(--skt-brand); font-weight: 700; }
.skt-content strong { color: var(--skt-ink); font-weight: 700; }
.skt-content blockquote { margin: 1.6em 0; padding: 18px 22px; border-left: 4px solid var(--skt-brand); background: var(--skt-brand-l); border-radius: 0 12px 12px 0; font-size: 18px; color: var(--skt-ink); }
.skt-content blockquote p:last-child { margin: 0; }
.skt-content img { border-radius: 10px; }
.skt-content figure { margin: 1.6em 0; }
.skt-content figcaption, .skt-content .wp-caption-text { margin-top: 8px; font-size: 14px; color: var(--skt-muted); text-align: center; }
.skt-content .wp-caption { max-width: 100%; }
.skt-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.skt-content .alignleft { float: left; margin: .3em 1.4em 1em 0; max-width: 50%; }
.skt-content .alignright { float: right; margin: .3em 0 1em 1.4em; max-width: 50%; }
.skt-content::after { content: ""; display: table; clear: both; }
.skt-content hr { border: 0; height: 1px; background: var(--skt-line); margin: 2em 0; }
.skt-content code { padding: .15em .45em; border-radius: 6px; background: var(--skt-bg); font-size: .9em; }
.skt-content pre { overflow-x: auto; padding: 16px; border-radius: 12px; background: var(--skt-dark); color: #e6e8eb; font-size: 14.5px; }
.skt-content pre code { background: none; padding: 0; }
.skt-content .skt-table, .skt-content .wp-block-table { overflow-x: auto; margin: 1.6em 0; }
.skt-content table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.skt-content th, .skt-content td { padding: 10px 12px; border: 1px solid var(--skt-line); text-align: left; vertical-align: top; }
.skt-content th { background: var(--skt-bg); font-weight: 700; color: var(--skt-ink); }
.skt-content iframe { border: 0; border-radius: 12px; }
.skt-content .wp-block-embed { margin: 1.6em 0; }
.skt-content .wp-block-embed__wrapper { position: relative; }
.skt-content .wp-block-image { margin: 1.6em 0; }

/* YouTube önizleme kartı */
.skt-yt { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin: 1.6em 0; border-radius: 12px; overflow: hidden; background: #000; cursor: pointer; }
.wp-block-embed .skt-yt { margin: 0; }
.wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: none !important; display: none !important; }
.skt-yt img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; transition: transform .5s, opacity .3s; opacity: .92; }
.skt-yt:hover img { transform: scale(1.03); opacity: 1; }
.skt-yt__btn { position: absolute; left: 50%; top: 50%; width: 76px; height: 54px; transform: translate(-50%, -50%); border: 0; border-radius: 16px; background: rgba(18, 18, 18, .82); color: #fff; display: grid; place-items: center; cursor: pointer; transition: background .2s, transform .2s; }
.skt-yt__btn .skt-i { width: 30px; height: 30px; }
.skt-yt:hover .skt-yt__btn { background: #f00; transform: translate(-50%, -50%) scale(1.06); }
.skt-yt__label { position: absolute; left: 14px; bottom: 12px; padding: 5px 10px; border-radius: 8px; background: rgba(0, 0, 0, .6); color: #fff; font: 600 12.5px/1 var(--skt-body); }
.skt-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; }

/* İçindekiler */
.skt-toc { margin: 1.6em 0; border: 1px solid var(--skt-line); border-radius: 14px; background: #fbfcfc; }
.skt-toc summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; cursor: pointer; list-style: none; font: 700 16px/1.2 var(--skt-head); color: var(--skt-ink); }
.skt-toc summary::-webkit-details-marker { display: none; }
.skt-toc summary::after { content: ""; width: 8px; height: 8px; border: solid var(--skt-muted); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
.skt-toc details[open] summary::after { transform: rotate(-135deg); }
.skt-toc ul { list-style: none; margin: 0 !important; padding: 0 18px 16px 18px !important; font-size: 15.5px; line-height: 1.5; }
.skt-toc li { position: relative; padding-left: 18px; }
.skt-toc li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--skt-brand); }
.skt-toc li::marker { content: none; }
.skt-toc li { margin: .4em 0 !important; }
.skt-toc li.skt-toc__l3 { margin-left: 1.1em !important; font-size: 14.5px; }
.skt-toc li.skt-toc__l3::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--skt-brand); }
.skt-toc a { text-decoration: none !important; color: var(--skt-text) !important; }
.skt-toc a:hover, .skt-toc a.is-active { color: var(--skt-brand-d) !important; }

/* Etiketler, paylaşım, yazar */
.skt-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
.skt-tags a { padding: 7px 12px; border-radius: 999px; background: var(--skt-bg); font-size: 13px; font-weight: 600; color: var(--skt-text); }
.skt-tags a::before { content: "#"; color: var(--skt-brand); margin-right: 2px; }
.skt-tags a:hover { background: var(--skt-brand-l); color: var(--skt-brand-d); }
.skt-share { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.skt-share__label { font: 700 12px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .08em; color: var(--skt-muted); margin-right: 4px; }
.skt-share__btn { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 11px; background: var(--skt-bg); color: var(--skt-text); cursor: pointer; transition: background .18s, color .18s, transform .18s; }
.skt-share__btn:hover { transform: translateY(-2px); color: #fff; }
.skt-share__btn--whatsapp:hover { background: #25d366; }
.skt-share__btn--facebook:hover { background: #1877f2; }
.skt-share__btn--twitter:hover { background: #000; }
.skt-share__btn--linkedin:hover { background: #0a66c2; }
.skt-share__btn--pinterest:hover { background: #e60023; }
.skt-share__btn--copy:hover { background: var(--skt-ink); }
.skt-share__btn.is-done { background: var(--skt-brand-d); color: #fff; }
.skt-article__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--skt-line); }
.skt-author { display: flex; gap: 18px; align-items: flex-start; margin-top: var(--skt-gap); padding: 22px; border-radius: var(--skt-r); background: var(--skt-card); box-shadow: var(--skt-shadow); }
.skt-author img { border-radius: 50%; flex: none; }
.skt-author__k { margin: 0 0 2px; font: 700 11.5px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .1em; color: var(--skt-brand-d); }
.skt-author__name { margin: 0 0 6px; font: 700 18px/1.3 var(--skt-head); color: var(--skt-ink); }
.skt-author__bio { margin: 0; color: var(--skt-muted); font-size: 15px; }
.skt-related { margin-top: calc(var(--skt-gap) * 1.4); }
.skt-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--skt-gap); margin-top: var(--skt-gap); }
.skt-postnav a { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border-radius: var(--skt-r); background: var(--skt-card); box-shadow: var(--skt-shadow); transition: box-shadow .2s; }
.skt-postnav a:hover { box-shadow: var(--skt-shadow-h); }
.skt-postnav__k { font: 700 11.5px/1 var(--skt-head); text-transform: uppercase; letter-spacing: .1em; color: var(--skt-muted); }
.skt-postnav__t { font: 700 15.5px/1.4 var(--skt-head); color: var(--skt-ink); }
.skt-postnav .is-next { text-align: right; grid-column: 2; }

/* Okuma ilerleme çubuğu */
.skt-progress { position: fixed; z-index: 60; top: 0; left: 0; height: 3px; width: 100%; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, var(--skt-brand), #2fd17d); pointer-events: none; }
.admin-bar .skt-progress { top: 32px; }

/* Reklam alanları — yer ayrılır, kayma olmaz */
.skt-ad { margin: 1.8em 0; text-align: center; min-height: 280px; }
.skt-ad::before { content: "Reklam"; display: block; margin-bottom: 6px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #a3a9b3; }

/* ---------- Yorumlar ---------- */
.skt-comments { margin-top: var(--skt-gap); padding: clamp(20px, 3vw, 32px); }
.skt-comments h2, .comment-reply-title { font-size: 20px; }
.comment-list { list-style: none; margin: 0 0 24px; padding: 0; }
.comment-list .children { list-style: none; padding-left: clamp(14px, 4vw, 44px); }
.comment-body { padding: 16px 0; border-bottom: 1px solid var(--skt-line); }
.comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--skt-ink); }
.comment-author img { border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata { font-size: 12.5px; color: var(--skt-muted); margin: 2px 0 8px 50px; }
.comment-content { margin-left: 50px; }
.comment-content p:last-child { margin: 0; }
.reply { margin-left: 50px; font-size: 13px; font-weight: 700; }
.reply a { color: var(--skt-brand-d); }
.comment-form label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; padding: 12px 14px; border: 2px solid var(--skt-line); border-radius: 12px; background: var(--skt-bg); outline: none; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--skt-brand); background: #fff; }
.comment-form .submit { height: 48px; padding: 0 24px; border: 0; border-radius: 12px; background: var(--skt-brand-d); color: #fff; font: 700 15px/1 var(--skt-head); cursor: pointer; }
.comment-form .submit:hover { background: #055c00; }
.comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; }
.comment-form-cookies-consent label { font-weight: 400; }

/* ---------- 404 / boş sonuç ---------- */
.skt-empty { padding: clamp(28px, 6vw, 64px); text-align: center; }
.skt-empty .skt-empty__big { font: 900 clamp(80px, 14vw, 150px)/1 var(--skt-head); background: linear-gradient(135deg, var(--skt-brand), #2fd17d); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0; }
.skt-empty h1 { font-size: clamp(22px, 3vw, 30px); margin: 10px 0; }
.skt-empty p { color: var(--skt-muted); max-width: 52ch; margin: 0 auto 20px; }
.skt-empty .skt-searchform { max-width: 520px; margin: 0 auto; }

/* ---------- Alt bilgi ---------- */
.skt-footer { margin-top: calc(var(--skt-gap) * 1.5); background: var(--skt-dark); color: #aab1bc; font-size: 15px; }
.skt-footer__cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: calc(var(--skt-gap) * 1.4); padding: clamp(36px, 5vw, 60px) 0; }
.skt-footer .skt-widget { background: none; box-shadow: none; padding: 0; }
.skt-footer .skt-widget__title { color: #fff; font-size: 15px; }
.skt-footer .skt-widget__title::before { height: 14px; }
.skt-footer a:hover { color: #fff; }
.skt-footer li + li { margin-top: 9px; }
.skt-footer__brand img { max-height: 54px; width: auto; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 14px; }
.skt-footer__brand p { margin: 0 0 16px; line-height: 1.6; }
.skt-footer .skt-social__a { background: var(--skt-dark-2); color: #dfe3e8; }
.skt-footer .skt-social__a:hover { background: var(--skt-brand); color: #fff; }
.skt-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .08); }
.skt-footer__bottom .skt-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; min-height: 64px; font-size: 13.5px; color: #8e96a3; }
.skt-footer__bottom ul { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; }
.skt-footer .skt-cats a { background: var(--skt-dark-2); color: #dfe3e8; }
.skt-footer .skt-cats a:hover { background: var(--skt-brand); color: #fff; }
.skt-footer .skt-cats span { background: rgba(255, 255, 255, .08); color: #aab1bc; }

/* Yukarı çık */
.skt-top { position: fixed; z-index: 40; right: 20px; bottom: 20px; width: 46px; height: 46px; border: 0; border-radius: 14px; background: var(--skt-ink); color: #fff; display: grid; place-items: center; cursor: pointer; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s, transform .25s, background .2s; box-shadow: var(--skt-shadow-h); }
.skt-top .skt-i { transform: rotate(-90deg); }
.skt-top.is-on { opacity: 1; transform: none; pointer-events: auto; }
.skt-top:hover { background: var(--skt-brand); }
.skt-has-wa .skt-top { bottom: 86px; }

/* WhatsApp */
.skt-wa { position: fixed; z-index: 41; right: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 0; height: 56px; padding: 0 16px; border-radius: 999px; background: #25d366; color: #fff; box-shadow: 0 10px 26px -8px rgba(37, 211, 102, .7); transition: gap .25s, padding .25s, transform .2s; }
.skt-wa .skt-i { width: 26px; height: 26px; }
.skt-wa__t { max-width: 0; overflow: hidden; white-space: nowrap; font: 700 14.5px/1 var(--skt-head); transition: max-width .3s; }
.skt-wa:hover { color: #fff; gap: 10px; transform: translateY(-2px); }
.skt-wa:hover .skt-wa__t { max-width: 200px; }

/* Çerez onayı */
.skt-consent { position: fixed; z-index: 150; left: 16px; right: 16px; bottom: 16px; max-width: 560px; padding: 18px 20px; border-radius: 16px; background: #fff; box-shadow: 0 24px 60px -18px rgba(0, 0, 0, .4); font-size: 14.5px; line-height: 1.55; }
.skt-consent[hidden] { display: none; }
.skt-consent p { margin: 0 0 12px; }
.skt-consent a { color: var(--skt-brand-d); text-decoration: underline; }
.skt-consent__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.skt-consent .skt-btn { height: 42px; padding: 0 18px; font-size: 14px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1180px) {
	.skt-nav a { padding: 10px 10px; font-size: 14px; }
}
@media (max-width: 1060px) {
	:root { --skt-header-h: 64px; }
	.skt-nav { display: none; }
	.skt-menu-toggle { display: inline-grid; }
	.skt-header .skt-wrap { gap: 8px; }
	.skt-logo { margin-right: auto; }
	.skt-logo img { height: 50px; }
	.skt-header.is-stuck .skt-logo img { height: 46px; }
	.skt-layout { grid-template-columns: minmax(0, 1fr); }
	.skt-aside { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.skt-footer__cols { grid-template-columns: 1fr 1fr; }
	.skt-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	.skt-topbar__menu { display: none; }
	.skt-topbar .skt-social { margin-left: auto; }
	.skt-hero { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.skt-hero > :first-child { grid-column: span 2; grid-row: auto; }
	.skt-hero > :nth-child(2) { grid-column: span 2; }
	.skt-hero > :first-child.skt-card--hero { min-height: 380px; }
	.skt-catblocks, .skt-catblock { grid-template-columns: minmax(0, 1fr); }
	.skt-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	body { font-size: 15.5px; }
	.skt-topbar__date { display: none; }
	.skt-hero { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.skt-hero > * { grid-column: auto !important; }
	.skt-hero > :first-child.skt-card--hero { min-height: 300px; }
	.skt-card--hero { min-height: 210px; }
	.skt-card--list { flex-direction: column; }
	.skt-card--list .skt-card__media { flex: none; aspect-ratio: 16 / 9; }
	.skt-card--list .skt-card__body { padding: 16px 18px 18px; }
	.skt-card--list .skt-card__title { font-size: 18px; }
	.skt-grid--2, .skt-grid--3, .skt-grid--4, .skt-aside, .skt-postnav { grid-template-columns: minmax(0, 1fr); }
	.skt-postnav .is-next { grid-column: auto; }
	.skt-content { font-size: 17px; }
	.skt-content .alignleft, .skt-content .alignright { float: none; margin: 1em auto; max-width: 100%; }
	.skt-footer__cols { grid-template-columns: minmax(0, 1fr); }
	.skt-catblock { padding: 14px; }
	.skt-wa { height: 52px; padding: 0 13px; }
	.skt-author { flex-direction: column; }
	.skt-searchform { flex-direction: column; }
	.skt-share__label { display: none; }
	.skt-share { gap: 5px; }
	.skt-share__btn { width: 36px; height: 36px; border-radius: 10px; }
	.skt-card--list .skt-card__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.skt-article__bar { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
	.skt-topbar, .skt-header, .skt-ticker, .skt-aside, .skt-footer, .skt-share, .skt-related, .skt-comments, .skt-ad, .skt-wa, .skt-top, .skt-consent, .skt-progress { display: none !important; }
	body { background: #fff; }
	.skt-layout { display: block; }
}

/* ---------- 1.0.6: yazı içi ürün kutusu, rehber listeleri, bülten ---------- */
.skt-content .skt-pbox { margin: 30px 0; }
.skt-pbox__a { display: grid; grid-template-columns: 240px 1fr; gap: 0; overflow: hidden; border-radius: var(--skt-r); background: var(--skt-card); box-shadow: var(--skt-shadow); border: 1px solid rgba(10, 158, 1, .22); text-decoration: none !important; color: var(--skt-ink) !important; transition: transform .18s, box-shadow .18s; }
.skt-pbox__a:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0, 0, 0, .12); }
.skt-pbox__img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 !important; border-radius: 0 !important; aspect-ratio: 4 / 3; }
.skt-pbox__b { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; }
.skt-pbox__k { font: 700 11.5px/1.2 var(--skt-head); text-transform: uppercase; letter-spacing: .08em; color: var(--skt-brand-d); }
.skt-pbox__t { font: 800 21px/1.2 var(--skt-head); }
.skt-pbox__p { font-size: 15.5px; line-height: 1.5; color: var(--skt-muted); }
.skt-pbox__s { font-size: 14px; font-weight: 600; color: var(--skt-ink); }
.skt-pbox__c { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 9px 14px; border-radius: 10px; background: var(--skt-brand-d); color: #fff; font: 700 13.5px/1 var(--skt-head); }
.skt-pbox__c svg { width: 15px; height: 15px; }
.skt-pbox--store .skt-pbox__a { grid-template-columns: 1fr; border-color: rgba(194, 38, 63, .28); }
.skt-pbox--store .skt-pbox__k { color: var(--skt-accent); }
.skt-pbox--store .skt-pbox__c { background: var(--skt-accent); }
.skt-list-links { columns: 2; column-gap: 28px; }
.skt-list-links li { break-inside: avoid; margin-bottom: 8px; }
.sktc-bulten { margin-top: var(--skt-gap); padding: 24px; border-radius: var(--skt-r); color: #fff; background: radial-gradient(120% 120% at 100% 0, #2fd17d 0, transparent 50%), linear-gradient(135deg, #0a9e01, #05551b); box-shadow: var(--skt-shadow); }
.sktc-bulten__t { margin: 0 0 6px; font: 800 21px/1.25 var(--skt-head); color: #fff; }
.sktc-bulten__p { margin: 0 0 14px; font-size: 15px; opacity: .92; }
.sktc-bulten__row { display: flex; gap: 10px; flex-wrap: wrap; }
.sktc-bulten__row input[type=email] { flex: 1 1 220px; min-width: 0; padding: 12px 14px; border-radius: 10px; border: 0; font-size: 15px; color: var(--skt-ink); }
.sktc-bulten__row button { padding: 12px 18px; border: 0; border-radius: 10px; background: #fff; color: var(--skt-brand-d); font: 700 14px/1 var(--skt-head); cursor: pointer; }
.sktc-bulten__ok { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 0; font-size: 13px; line-height: 1.45; opacity: .95; }
.sktc-bulten__ok input { margin-top: 3px; flex: none; }
.sktc-bulten__ok a { color: #fff; text-decoration: underline; }
.sktc-bulten__msg { margin: 10px 0 0; font-weight: 600; font-size: 14px; }
.sktc-bulten__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.skt-aside .sktc-bulten { margin-top: 0; padding: 20px; }
@media (max-width: 640px) {
	.skt-pbox__a { grid-template-columns: 1fr; }
	.skt-pbox__img { aspect-ratio: 16 / 9; }
	.skt-list-links { columns: 1; }
}

/* 1.0.7: yazı sonu rehber satırı */
.skt-content .skt-hubline { margin-top: 26px; padding: 14px 18px; border-left: 4px solid var(--skt-brand); background: rgba(10, 158, 1, .06); border-radius: 0 10px 10px 0; font-size: 15.5px; }

/* ---------- Akıllı arama önerileri (1.0.13, assets/js/skt-ara.js) ---------- */
.skt-searchform.skt-ara { position: relative; flex-wrap: wrap; }
.skt-ara__box { position: absolute; z-index: 60; left: 0; right: 0; top: calc(100% + 8px); max-height: min(70vh, 520px); overflow: auto; padding: 8px; border-radius: 16px; background: #fff; border: 1px solid var(--skt-line); box-shadow: 0 24px 50px -18px rgba(16, 24, 40, .35); text-align: left; }
.skt-ara__box[hidden] { display: none; }
.skt-search-dlg .skt-ara__box { position: static; margin-top: 10px; box-shadow: none; max-height: 56vh; flex-basis: 100%; }
.skt-ara__box a { color: var(--skt-ink); text-decoration: none; }
.skt-ara__tool { display: flex; align-items: center; gap: 8px; margin: 2px 0; padding: 10px 12px; border-radius: 12px; background: var(--skt-brand-l, #e8f6e7); font: 700 14.5px var(--skt-head); }
.skt-ara__topic { margin: 6px 10px; font-size: 13.5px; color: var(--skt-muted); }
.skt-ara__topic b { color: var(--skt-ink); }
.skt-ara__topic a { color: var(--skt-brand-d, #077a00) !important; font-weight: 600; }
.skt-ara__post { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; padding: 7px 8px; border-radius: 12px; }
.skt-ara__post img, .skt-ara__ph { width: 64px; height: 36px; object-fit: cover; border-radius: 6px; background: #e9edf2; display: block; }
.skt-ara__post b { display: block; font: 600 14.5px/1.35 var(--skt-head); }
.skt-ara__post small { display: block; font-size: 12px; color: var(--skt-muted); }
.skt-ara__box .is-sel, .skt-ara__post:hover, .skt-ara__all:hover { background: #f1f4f7; }
.skt-ara__tool.is-sel, .skt-ara__tool:hover { background: #d6efd4; }
.skt-ara__none { margin: 8px 10px; font-size: 14px; color: var(--skt-muted); }
.skt-ara__none a { color: var(--skt-brand-d, #077a00) !important; text-decoration: underline !important; }
.skt-ara__all { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; padding: 10px 12px; border-top: 1px solid var(--skt-line); border-radius: 0 0 10px 10px; font: 700 14px var(--skt-head); color: var(--skt-brand-d, #077a00) !important; }
.skt-ara__all kbd { padding: 2px 7px; border-radius: 6px; border: 1px solid var(--skt-line); font: 600 11px var(--skt-head); color: var(--skt-muted); }
.skt-searchform.is-loading input[type="search"] { background-image: linear-gradient(90deg, transparent, rgba(10, 158, 1, .12), transparent); background-size: 200% 100%; animation: skt-ara-load 1s linear infinite; }
@keyframes skt-ara-load { from { background-position: 100% 0; } to { background-position: -100% 0; } }

/* ---------- Arama niyeti yönlendirmesi (1.0.20, inc/niyet.php) ---------- */
.skt-pbox--studio .skt-pbox__a { grid-template-columns: 1fr; border-color: rgba(168, 111, 60, .35); background: linear-gradient(135deg, #fbf7f2, #fff); }
.skt-pbox--studio .skt-pbox__k { color: #a86f3c; }
.skt-pbox--studio .skt-pbox__c { background: #7a4f28; }
.skt-content .skt-niyet { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 22px 0; padding: 12px 14px 12px 16px; border-radius: 14px; border: 1px solid var(--skt-line); background: #f6f8fa; font-size: 15px; line-height: 1.5; }
.skt-niyet__i { font-size: 22px; flex: none; }
.skt-niyet__t { flex: 1 1 260px; color: var(--skt-text, #2c2f34); }
.skt-content .skt-niyet a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; font: 700 14px var(--skt-head); text-decoration: none; color: #fff; }
.skt-niyet a .skt-i { width: 16px; height: 16px; }
.skt-niyet--plugin { border-color: rgba(194, 38, 63, .25) !important; background: #fdf3f5 !important; }
.skt-content .skt-niyet--plugin a { background: var(--skt-accent, #c2263f); }
.skt-niyet--studio { border-color: rgba(168, 111, 60, .3) !important; background: #fbf7f2 !important; }
.skt-content .skt-niyet--studio a { background: #7a4f28; }
.skt-niyet-home { margin: 26px 0 6px; }
.skt-niyet-home__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.skt-niyet-card { display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: var(--skt-r, 16px); background: #fff; border: 1px solid var(--skt-line); box-shadow: var(--skt-shadow); color: var(--skt-ink); text-decoration: none; transition: transform .18s, box-shadow .18s, border-color .18s; }
.skt-niyet-card:hover { transform: translateY(-3px); box-shadow: var(--skt-shadow-h); color: var(--skt-ink); }
.skt-niyet-card__i { font-size: 28px; line-height: 1; }
.skt-niyet-card b { font: 800 17px/1.25 var(--skt-head); }
.skt-niyet-card span:not(.skt-niyet-card__i) { flex: 1; font-size: 14px; line-height: 1.5; color: var(--skt-muted); }
.skt-niyet-card em { display: inline-flex; align-items: center; gap: 6px; font: 700 13.5px var(--skt-head); font-style: normal; }
.skt-niyet-card em .skt-i { width: 15px; height: 15px; }
.skt-niyet-card--indir { border-top: 4px solid #0a9e01; } .skt-niyet-card--indir em { color: #077a00; }
.skt-niyet-card--yol { border-top: 4px solid #2563eb; } .skt-niyet-card--yol em { color: #1d4ed8; }
.skt-niyet-card--eklenti { border-top: 4px solid #c2263f; } .skt-niyet-card--eklenti em { color: #c2263f; }
.skt-niyet-card--studyo { border-top: 4px solid #a86f3c; } .skt-niyet-card--studyo em { color: #7a4f28; }
@media (max-width: 960px) { .skt-niyet-home__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .skt-niyet-home__grid { grid-template-columns: 1fr; gap: 10px; } .skt-niyet-card { padding: 14px 16px; } }
.skt-home-about { margin: 30px 0 10px; }
.skt-home-about__in { padding: clamp(18px, 3vw, 28px); border-radius: var(--skt-r, 16px); background: #fff; border: 1px solid var(--skt-line); box-shadow: var(--skt-shadow); columns: 2 340px; column-gap: 34px; }
.skt-home-about__in p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.7; color: var(--skt-text, #2c2f34); break-inside: avoid; }
.skt-home-about__in a { color: var(--skt-brand-d, #077a00); text-decoration: underline; text-underline-offset: 2px; }