@charset "UTF-8";
/*  8 Yazılım — tema stilleri
    Renkler logodan türetildi (#0E2E08).
    Bölümler: 1) Font  2) Değişkenler  3) Temel  4) Yerleşim  5) Bileşenler
              6) Başlık/Menü  7) Bölümler  8) İçerik/Blog  9) Form  10) Alt bilgi
              11) Hareket  12) Duyarlı (responsive)                                */

/* ============================ 1) FONT ============================ */
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/manrope-latin.woff2') format('woff2');
	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;
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/manrope-latin-ext.woff2') format('woff2');
	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;
}

/* ========================= 2) DEĞİŞKENLER ========================= */
:root {
	/* Marka */
	--sy-yesil-950: #061703;
	--sy-yesil-900: #0e2e08;
	--sy-yesil-800: #163f0f;
	--sy-yesil-700: #1f5416;
	--sy-yesil-600: #2a6b1d;
	--sy-yesil-500: #3a8a28;
	--sy-yesil-100: #e8f2e4;
	--sy-yesil-50:  #f2f7ef;

	--sy-altin:      #f0b429;
	--sy-altin-koyu: #c98a09;
	--sy-altin-acik: #fde9bd;

	/* Nötr */
	--sy-beyaz:  #ffffff;
	--sy-krem:   #f7f8f4;
	--sy-krem-2: #eef1e9;
	--sy-cizgi:  #e3e8dd;
	--sy-metin:  #131a14;
	--sy-soluk:  #5c6b5e;
	--sy-wp:     #25d366;

	/* Ölçü */
	--sy-kap: 1180px;
	--sy-bosluk: clamp(1.25rem, 3vw, 2.25rem);
	--sy-bolum-y: clamp(3.5rem, 7vw, 6.5rem);

	--sy-r-s: 10px;
	--sy-r-m: 16px;
	--sy-r-l: 22px;
	--sy-r-xl: 30px;

	--sy-golge-s: 0 1px 2px rgba(11, 31, 7, .06), 0 2px 8px rgba(11, 31, 7, .05);
	--sy-golge-m: 0 4px 12px rgba(11, 31, 7, .07), 0 14px 32px -12px rgba(11, 31, 7, .14);
	--sy-golge-l: 0 10px 24px rgba(11, 31, 7, .09), 0 32px 60px -20px rgba(11, 31, 7, .22);

	/* Tipografi */
	--sy-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--sy-h1: clamp(2.05rem, 1.25rem + 3.4vw, 3.7rem);
	--sy-h2: clamp(1.6rem, 1.15rem + 1.9vw, 2.55rem);
	--sy-h3: clamp(1.15rem, 1.02rem + .55vw, 1.45rem);
	--sy-govde: 1.0625rem;

	--sy-gecis: .25s cubic-bezier(.22, .61, .36, 1);
}

/* ============================ 3) TEMEL ============================ */
*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}

body {
	margin: 0;
	font-family: var(--sy-font);
	font-size: var(--sy-govde);
	line-height: 1.7;
	color: var(--sy-metin);
	background: var(--sy-beyaz);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 .6em;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.021em;
	color: var(--sy-yesil-950);
	text-wrap: balance;
}
h1 { font-size: var(--sy-h1); }
h2 { font-size: var(--sy-h2); }
h3 { font-size: var(--sy-h3); line-height: 1.3; }
h4 { font-size: 1.08rem; }

p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

a { color: var(--sy-yesil-700); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--sy-yesil-600); }

img, svg, video { max-width: 100%; height: auto; }
img { display: block; }

ul, ol { margin: 0 0 1.1em; padding-left: 1.25em; }
li { margin-bottom: .35em; }

strong, b { font-weight: 700; }

hr { border: 0; border-top: 1px solid var(--sy-cizgi); margin: 2.5rem 0; }

:focus-visible {
	outline: 3px solid var(--sy-altin);
	outline-offset: 2px;
	border-radius: 4px;
}

::selection { background: var(--sy-yesil-900); color: #fff; }

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

.sy-atla {
	position: absolute; top: -60px; left: 12px; z-index: 999;
	background: var(--sy-yesil-900); color: #fff;
	padding: .7rem 1.1rem; border-radius: 0 0 8px 8px;
	transition: top .2s;
}
.sy-atla:focus { top: 0; color: #fff; }

/* ========================== 4) YERLEŞİM ========================== */
.sy-kap {
	width: min(100% - 2.5rem, var(--sy-kap));
	margin-inline: auto;
}
.sy-kap--genis { --sy-kap: 1320px; }
.sy-kap--dar   { --sy-kap: 820px; }

.sy-bolum { padding-block: var(--sy-bolum-y); position: relative; }
.sy-bolum--krem { background: var(--sy-krem); }
.sy-bolum--ince { padding-block: calc(var(--sy-bolum-y) * .6); }

.sy-bolum--koyu {
	background:
		radial-gradient(900px 420px at 15% -10%, rgba(58, 138, 40, .32), transparent 65%),
		radial-gradient(700px 400px at 100% 110%, rgba(240, 180, 41, .16), transparent 60%),
		linear-gradient(160deg, #0b2406 0%, var(--sy-yesil-900) 45%, #112f0b 100%);
	color: #e8ece5;
}
.sy-bolum--koyu h1, .sy-bolum--koyu h2, .sy-bolum--koyu h3, .sy-bolum--koyu h4 { color: #fff; }
.sy-bolum--koyu a { color: var(--sy-altin); }

.sy-izgara { display: grid; gap: clamp(1rem, 2vw, 1.6rem); }
.sy-izgara--1 { grid-template-columns: minmax(0, 1fr); }
.sy-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sy-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sy-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.sy-orta { text-align: center; }
.sy-orta .sy-bolum-basi { margin-inline: auto; }

/* Bölüm başlığı */
.sy-bolum-basi { max-width: 760px; margin-bottom: clamp(2rem, 4vw, 3.25rem); }
.sy-bolum-basi p { color: var(--sy-soluk); font-size: 1.08rem; margin-bottom: 0; }
.sy-bolum--koyu .sy-bolum-basi p { color: #c3cdbd; }

.sy-etiket {
	display: inline-flex; align-items: center; gap: .5rem;
	font-size: .78rem; font-weight: 700; letter-spacing: .1em;
	text-transform: uppercase; color: var(--sy-yesil-600);
	background: var(--sy-yesil-50);
	border: 1px solid var(--sy-yesil-100);
	padding: .38rem .8rem; border-radius: 999px;
	margin-bottom: 1rem;
}
.sy-etiket::before {
	content: ""; width: 6px; height: 6px; border-radius: 50%;
	background: var(--sy-altin);
}
.sy-bolum--koyu .sy-etiket {
	color: var(--sy-altin-acik);
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .16);
}

.sy-vurgu { color: var(--sy-yesil-600); }
.sy-alti {
	position: relative; white-space: nowrap;
	background: linear-gradient(transparent 62%, rgba(240, 180, 41, .55) 62%);
	padding-inline: .1em;
}

/* ========================= 5) BİLEŞENLER ========================= */

/* --- Butonlar --- */
.sy-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
	font: inherit; font-weight: 700; font-size: .98rem;
	padding: .92rem 1.6rem;
	border-radius: 12px; border: 1px solid transparent;
	cursor: pointer; text-decoration: none;
	transition: transform var(--sy-gecis), box-shadow var(--sy-gecis), background var(--sy-gecis), color var(--sy-gecis), border-color var(--sy-gecis);
	line-height: 1.2;
}
.sy-btn svg { width: 18px; height: 18px; flex: none; }
.sy-btn:hover { transform: translateY(-2px); }
.sy-btn:active { transform: translateY(0); }

.sy-btn--ana {
	background: linear-gradient(135deg, var(--sy-yesil-800), var(--sy-yesil-600));
	color: #fff;
	box-shadow: 0 6px 18px -6px rgba(14, 46, 8, .55);
}
.sy-btn--ana:hover { color: #fff; box-shadow: 0 12px 26px -8px rgba(14, 46, 8, .6); }

.sy-btn--altin {
	background: linear-gradient(135deg, var(--sy-altin), #ffd166);
	color: #2a1d00;
	box-shadow: 0 6px 18px -6px rgba(201, 138, 9, .6);
}
.sy-btn--altin:hover { color: #2a1d00; box-shadow: 0 12px 26px -8px rgba(201, 138, 9, .65); }

.sy-btn--hayalet {
	background: transparent; color: var(--sy-yesil-900);
	border-color: var(--sy-cizgi);
}
.sy-btn--hayalet:hover { border-color: var(--sy-yesil-600); background: var(--sy-yesil-50); color: var(--sy-yesil-800); }

.sy-bolum--koyu .sy-btn--hayalet,
.sy-hero .sy-btn--hayalet,
.sy-sayfa-basi .sy-btn--hayalet,
.sy-alt .sy-btn--hayalet { color: #fff; border-color: rgba(255, 255, 255, .28); }
.sy-bolum--koyu .sy-btn--hayalet:hover,
.sy-hero .sy-btn--hayalet:hover,
.sy-sayfa-basi .sy-btn--hayalet:hover,
.sy-alt .sy-btn--hayalet:hover { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .5); }

/* Koyu zeminlerde buton metinleri (footer bağlantı rengini ezmesin) */
.sy-alt .sy-btn--altin, .sy-bolum--koyu .sy-btn--altin, .sy-hero .sy-btn--altin { color: #2a1d00; }
.sy-alt .sy-btn--ana, .sy-bolum--koyu .sy-btn--ana, .sy-hero .sy-btn--ana { color: #fff; }
.sy-alt .sy-btn--wp, .sy-bolum--koyu .sy-btn--wp, .sy-hero .sy-btn--wp { color: #05300f; }

.sy-btn--beyaz { background: #fff; color: var(--sy-yesil-900); box-shadow: var(--sy-golge-m); }
.sy-btn--beyaz:hover { color: var(--sy-yesil-700); }

.sy-btn--wp { background: var(--sy-wp); color: #05300f; }
.sy-btn--wp:hover { color: #05300f; }

.sy-btn--kucuk { padding: .62rem 1.05rem; font-size: .9rem; border-radius: 10px; }
.sy-btn--tam { width: 100%; }

.sy-btn-grup { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; }

/* Ok bağlantısı */
.sy-ok {
	display: inline-flex; align-items: center; gap: .4rem;
	font-weight: 700; text-decoration: none; font-size: .95rem;
	color: var(--sy-yesil-700);
}
.sy-ok::after {
	content: "→"; transition: transform var(--sy-gecis); font-size: 1.05em;
}
.sy-ok:hover::after { transform: translateX(4px); }

/* --- Kartlar --- */
.sy-kart {
	background: #fff;
	border: 1px solid var(--sy-cizgi);
	border-radius: var(--sy-r-l);
	padding: clamp(1.3rem, 2.4vw, 1.9rem);
	position: relative;
	transition: transform var(--sy-gecis), box-shadow var(--sy-gecis), border-color var(--sy-gecis);
	height: 100%;
}
.sy-kart--tikla:hover,
.sy-kart--tikla:focus-within {
	transform: translateY(-5px);
	box-shadow: var(--sy-golge-l);
	border-color: var(--sy-yesil-100);
}
.sy-kart h3 { margin-bottom: .5rem; }
.sy-kart p { color: var(--sy-soluk); font-size: .98rem; }
.sy-kart .sy-ok { margin-top: 1rem; }

.sy-kart--koyu {
	background: linear-gradient(150deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));
	border-color: rgba(255, 255, 255, .13);
	backdrop-filter: blur(6px);
	color: #dfe6da;
}
.sy-kart--koyu p { color: #c3cdbd; }

/* Yatay kart (ikon solda) */
.sy-kart--yatay { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; }
.sy-kart--yatay .sy-ikon { margin-bottom: 0; flex: none; width: 46px; height: 46px; border-radius: 13px; }
.sy-kart--yatay .sy-ikon svg { width: 22px; height: 22px; }
.sy-kart--yatay h3 { font-size: 1rem; margin-bottom: .12rem; }
.sy-kart--yatay p { margin: 0; font-size: .92rem; }

/* Tüm kartı tıklanabilir yapan bağlantı */
.sy-ort {
	position: absolute; inset: 0; border-radius: inherit;
	text-indent: -9999px; overflow: hidden; z-index: 1;
}

/* İkon rozeti */
.sy-ikon {
	width: 52px; height: 52px; border-radius: 15px;
	display: grid; place-items: center;
	background: linear-gradient(140deg, var(--sy-yesil-900), var(--sy-yesil-700));
	color: var(--sy-altin);
	margin-bottom: 1.1rem;
	box-shadow: 0 8px 18px -8px rgba(14, 46, 8, .7);
}
.sy-ikon svg { width: 26px; height: 26px; }
.sy-ikon--acik { background: var(--sy-yesil-50); color: var(--sy-yesil-700); box-shadow: none; border: 1px solid var(--sy-yesil-100); }
.sy-ikon--altin { background: linear-gradient(140deg, var(--sy-altin), #ffd166); color: #3a2800; }
.sy-ikon--kucuk { width: 40px; height: 40px; border-radius: 12px; margin-bottom: .8rem; }
.sy-ikon--kucuk svg { width: 20px; height: 20px; }

/* --- Liste (tik işaretli) --- */
.sy-tik { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.sy-tik li {
	position: relative; padding-left: 1.9rem; margin: 0;
	font-size: .98rem; color: var(--sy-metin);
}
.sy-tik li::before {
	content: ""; position: absolute; left: 0; top: .34em;
	width: 1.2rem; height: 1.2rem; border-radius: 50%;
	background: var(--sy-yesil-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f5416' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / .78rem no-repeat;
}
.sy-bolum--koyu .sy-tik li { color: #d7dfd2; }
.sy-bolum--koyu .sy-tik li::before { background-color: rgba(240, 180, 41, .18); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b429' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }

.sy-carpi li::before {
	background: #fdeceb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='3.4' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center / .72rem no-repeat;
}

/* --- Rozetler --- */
.sy-rozet {
	display: inline-flex; align-items: center; gap: .4rem;
	font-size: .8rem; font-weight: 700;
	padding: .3rem .7rem; border-radius: 999px;
	background: var(--sy-yesil-50); color: var(--sy-yesil-700);
	border: 1px solid var(--sy-yesil-100);
}
.sy-rozet--altin { background: #fff7e3; color: #8a5d00; border-color: #fbe3ae; }

/* --- Sayaç / istatistik --- */
.sy-sayilar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.sy-sayi { text-align: center; padding: 1.2rem .6rem; }
.sy-sayi b {
	display: block; font-size: clamp(1.9rem, 1.2rem + 2.1vw, 2.9rem);
	font-weight: 800; line-height: 1; letter-spacing: -.03em;
	background: linear-gradient(135deg, var(--sy-yesil-800), var(--sy-yesil-500));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.sy-sayi span { display: block; margin-top: .5rem; font-size: .92rem; color: var(--sy-soluk); font-weight: 600; }
.sy-bolum--koyu .sy-sayi b { background: linear-gradient(135deg, #fff, var(--sy-altin)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sy-bolum--koyu .sy-sayi span { color: #bcc7b6; }

/* --- Adım / süreç --- */
.sy-adimlar { counter-reset: adim; display: grid; gap: 1.1rem; }
.sy-adim {
	position: relative; padding: 1.5rem 1.5rem 1.5rem 4.6rem;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-l);
	transition: border-color var(--sy-gecis), box-shadow var(--sy-gecis);
}
.sy-adim:hover { border-color: var(--sy-yesil-100); box-shadow: var(--sy-golge-m); }
.sy-adim::before {
	counter-increment: adim; content: counter(adim, decimal-leading-zero);
	position: absolute; left: 1.35rem; top: 1.35rem;
	width: 2.4rem; height: 2.4rem; border-radius: 12px;
	display: grid; place-items: center;
	font-weight: 800; font-size: .95rem; color: #fff;
	background: linear-gradient(140deg, var(--sy-yesil-800), var(--sy-yesil-600));
}
.sy-adim h3 { font-size: 1.1rem; margin-bottom: .35rem; }
.sy-adim p { margin: 0; color: var(--sy-soluk); font-size: .96rem; }

/* --- Paket kartları --- */
.sy-paketler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; align-items: start; }
.sy-paket {
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-xl);
	padding: 1.9rem 1.6rem; display: flex; flex-direction: column; height: 100%;
	transition: transform var(--sy-gecis), box-shadow var(--sy-gecis);
}
.sy-paket:hover { transform: translateY(-4px); box-shadow: var(--sy-golge-l); }
.sy-paket h3 { font-size: 1.3rem; margin-bottom: .3rem; }
.sy-paket .sy-paket-ozet { color: var(--sy-soluk); font-size: .95rem; min-height: 3em; }
.sy-paket .sy-tik { margin: 1.3rem 0 1.6rem; }
.sy-paket .sy-btn { margin-top: auto; }
.sy-paket--one {
	border: 0; color: #e9efe6;
	background:
		radial-gradient(600px 260px at 80% -20%, rgba(58, 138, 40, .5), transparent 70%),
		linear-gradient(160deg, #10300a, #071c04);
	box-shadow: var(--sy-golge-l);
	position: relative;
}
.sy-paket--one h3 { color: #fff; }
.sy-paket--one .sy-paket-ozet { color: #c2cdbc; }
.sy-paket--one .sy-tik li { color: #dbe3d6; }
.sy-paket--one .sy-tik li::before { background-color: rgba(240, 180, 41, .2); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b429' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }
.sy-paket-rozet {
	position: absolute; top: 1.2rem; right: 1.2rem;
	background: var(--sy-altin); color: #2c1e00;
	font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
	padding: .28rem .6rem; border-radius: 999px;
}

/* --- SSS (details/summary) --- */
.sy-sss { display: grid; gap: .8rem; }
.sy-sss details {
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-m);
	overflow: hidden; transition: border-color var(--sy-gecis), box-shadow var(--sy-gecis);
}
.sy-sss details[open] { border-color: var(--sy-yesil-100); box-shadow: var(--sy-golge-m); }
.sy-sss summary {
	list-style: none; cursor: pointer;
	padding: 1.15rem 3.2rem 1.15rem 1.35rem;
	font-weight: 700; font-size: 1.02rem; color: var(--sy-yesil-950);
	position: relative;
}
.sy-sss summary::-webkit-details-marker { display: none; }
.sy-sss summary::after {
	content: ""; position: absolute; right: 1.2rem; top: 50%;
	width: 1.5rem; height: 1.5rem; margin-top: -.75rem; border-radius: 50%;
	background: var(--sy-yesil-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f5416' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / .85rem no-repeat;
	transition: transform var(--sy-gecis);
}
.sy-sss details[open] summary::after { transform: rotate(135deg); }
.sy-sss summary:hover { color: var(--sy-yesil-600); }
.sy-sss .sy-sss-cevap { padding: 0 1.35rem 1.3rem; color: var(--sy-soluk); font-size: .99rem; }
.sy-sss .sy-sss-cevap > :last-child { margin-bottom: 0; }

/* --- Bilgi kutusu --- */
.sy-not {
	border-radius: var(--sy-r-m);
	padding: 1.15rem 1.3rem 1.15rem 3.4rem;
	position: relative;
	background: var(--sy-yesil-50);
	border: 1px solid var(--sy-yesil-100);
	font-size: .99rem;
	margin: 1.8rem 0;
}
.sy-not::before {
	content: "i"; position: absolute; left: 1.1rem; top: 1.15rem;
	width: 1.6rem; height: 1.6rem; border-radius: 50%;
	background: var(--sy-yesil-700); color: #fff;
	display: grid; place-items: center; font-weight: 800; font-size: .95rem;
	font-family: Georgia, serif;
}
.sy-not strong { color: var(--sy-yesil-800); }
.sy-not--uyari { background: #fff8e8; border-color: #f6e0ae; }
.sy-not--uyari::before { content: "!"; background: var(--sy-altin-koyu); }

/* --- Alıntı --- */
.sy-alinti {
	margin: 2rem 0; padding: 1.4rem 1.6rem;
	border-left: 4px solid var(--sy-altin);
	background: var(--sy-krem); border-radius: 0 var(--sy-r-m) var(--sy-r-m) 0;
	font-size: 1.08rem; font-style: italic; color: var(--sy-yesil-900);
}

/* --- Tablo --- */
.sy-tablo-sar { overflow-x: auto; margin: 1.8rem 0; border-radius: var(--sy-r-m); border: 1px solid var(--sy-cizgi); }
.sy-tablo { width: 100%; border-collapse: collapse; font-size: .96rem; background: #fff; min-width: 520px; }
.sy-tablo th, .sy-tablo td { padding: .85rem 1rem; text-align: left; border-bottom: 1px solid var(--sy-cizgi); }
.sy-tablo thead th { background: var(--sy-yesil-900); color: #fff; font-weight: 700; font-size: .9rem; letter-spacing: .01em; }
.sy-tablo tbody tr:last-child td { border-bottom: 0; }
.sy-tablo tbody tr:nth-child(even) { background: var(--sy-krem); }
.sy-tablo td:first-child { font-weight: 600; }

/* --- Mockup çerçeveleri --- */
.sy-tarayici {
	border-radius: 14px; overflow: hidden; background: #fff;
	box-shadow: var(--sy-golge-l); border: 1px solid rgba(255, 255, 255, .18);
}
.sy-tarayici-bar {
	display: flex; align-items: center; gap: .45rem;
	padding: .6rem .8rem; background: #f1f3ee; border-bottom: 1px solid #e3e6df;
}
.sy-tarayici-bar i { width: 10px; height: 10px; border-radius: 50%; background: #d6dad2; display: block; }
.sy-tarayici-bar i:nth-child(1) { background: #f7b0a6; }
.sy-tarayici-bar i:nth-child(2) { background: #fbdc9a; }
.sy-tarayici-bar i:nth-child(3) { background: #a8d9ad; }
.sy-tarayici-url {
	flex: 1; margin-left: .5rem; background: #fff; border-radius: 6px;
	font-size: .7rem; color: #7a8479; padding: .22rem .6rem;
	border: 1px solid #e3e6df; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* --- Marka şeridi (kayan) --- */
.sy-serit { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.sy-serit-ic { display: flex; gap: 2.5rem; width: max-content; animation: sy-kay 38s linear infinite; }
.sy-serit span {
	font-weight: 800; font-size: 1.05rem; color: #6b7a68; white-space: nowrap;
	display: inline-flex; align-items: center; gap: .35rem; letter-spacing: -.01em;
}
.sy-serit span::after {
	content: "↗"; color: var(--sy-altin); font-size: .82em; font-weight: 700;
	transform: translateY(-1px);
}
.sy-serit:hover .sy-serit-ic { animation-play-state: paused; }
@keyframes sy-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* --- Kırıntı (breadcrumb) --- */
.sy-kirinti { font-size: .86rem; color: var(--sy-soluk); padding: 1rem 0 0; }
.sy-kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: .45rem; padding: 0; margin: 0; }
.sy-kirinti li { display: flex; align-items: center; gap: .45rem; margin: 0; }
.sy-kirinti li + li::before { content: "/"; color: #b6c0b2; }
.sy-kirinti a { color: var(--sy-soluk); text-decoration: none; }
.sy-kirinti a:hover { color: var(--sy-yesil-700); text-decoration: underline; }
.sy-kirinti [aria-current] { color: var(--sy-yesil-800); font-weight: 600; }

/* ======================= 6) BAŞLIK / MENÜ ======================= */
.sy-ust-serit {
	background: var(--sy-yesil-950); color: #b9c4b4;
	font-size: .84rem; padding: .48rem 0;
}
.sy-ust-serit .sy-kap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sy-ust-serit a { color: #d8e0d4; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.sy-ust-serit a:hover { color: var(--sy-altin); }
.sy-ust-serit svg { width: 14px; height: 14px; }
.sy-ust-sol { display: flex; gap: 1.4rem; flex-wrap: wrap; }
.sy-ust-sag { display: flex; gap: 1.1rem; align-items: center; }

.sy-baslik {
	position: sticky; top: 0; z-index: 90;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid var(--sy-cizgi);
	transition: box-shadow var(--sy-gecis);
}
.sy-baslik.sy-kaydi { box-shadow: 0 6px 24px -12px rgba(11, 31, 7, .35); }
.sy-baslik-ic { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 72px; }

.sy-logo { display: flex; align-items: center; gap: .6rem; text-decoration: none; flex: none; }
.sy-logo img { height: 40px; width: auto; }
.sy-logo-yazi { font-weight: 800; font-size: 1.15rem; color: var(--sy-yesil-900); letter-spacing: -.02em; }

.sy-ana-menu { display: flex; align-items: center; gap: .15rem; list-style: none; margin: 0; padding: 0; }
.sy-ana-menu li { position: relative; margin: 0; }
.sy-ana-menu > li > a {
	display: flex; align-items: center; gap: .3rem;
	padding: .6rem .75rem; border-radius: 9px;
	font-size: .95rem; font-weight: 600; color: var(--sy-metin); text-decoration: none;
	transition: background var(--sy-gecis), color var(--sy-gecis);
	white-space: nowrap;
}
.sy-ana-menu > li > a:hover,
.sy-ana-menu > li.sy-acik > a { background: var(--sy-yesil-50); color: var(--sy-yesil-800); }
.sy-ana-menu > li.current-menu-item > a,
.sy-ana-menu > li.current-page-ancestor > a,
.sy-ana-menu > li.current-menu-parent > a { color: var(--sy-yesil-700); }
.sy-ana-menu > li.menu-item-has-children > a::after {
	content: ""; width: 9px; height: 9px; flex: none;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--sy-gecis);
}
.sy-ana-menu > li.menu-item-has-children:hover > a::after { transform: rotate(180deg); }

.sy-ana-menu .sub-menu {
	position: absolute; top: calc(100% + 10px); left: 0; z-index: 20;
	min-width: 268px; list-style: none; margin: 0; padding: .55rem;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-m);
	box-shadow: var(--sy-golge-l);
	opacity: 0; visibility: hidden; transform: translateY(8px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.sy-ana-menu > li:hover > .sub-menu,
.sy-ana-menu > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.sy-ana-menu .sub-menu::before { content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.sy-ana-menu .sub-menu a {
	display: block; padding: .6rem .75rem; border-radius: 9px;
	font-size: .93rem; font-weight: 600; color: var(--sy-metin); text-decoration: none;
	transition: background var(--sy-gecis), color var(--sy-gecis);
}
.sy-ana-menu .sub-menu a:hover { background: var(--sy-yesil-50); color: var(--sy-yesil-800); }
.sy-ana-menu .sub-menu .sy-menu-aciklama { display: block; font-weight: 500; font-size: .8rem; color: var(--sy-soluk); margin-top: .1rem; }

.sy-baslik-sag { display: flex; align-items: center; gap: .6rem; flex: none; }

.sy-menu-dugme {
	display: none; width: 46px; height: 46px; border-radius: 12px;
	border: 1px solid var(--sy-cizgi); background: #fff; cursor: pointer;
	padding: 0; place-items: center;
}
.sy-menu-dugme span { display: block; width: 20px; height: 2px; background: var(--sy-yesil-900); border-radius: 2px; position: relative; transition: background .15s; }
.sy-menu-dugme span::before, .sy-menu-dugme span::after {
	content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: var(--sy-yesil-900); border-radius: 2px;
	transition: transform var(--sy-gecis), top var(--sy-gecis);
}
.sy-menu-dugme span::before { top: -6px; }
.sy-menu-dugme span::after { top: 6px; }
body.sy-menu-acik .sy-menu-dugme span { background: transparent; }
body.sy-menu-acik .sy-menu-dugme span::before { top: 0; transform: rotate(45deg); }
body.sy-menu-acik .sy-menu-dugme span::after { top: 0; transform: rotate(-45deg); }

/* Mobil çekmece */
.sy-mobil-menu {
	position: fixed; inset: 0 0 0 auto; width: min(88vw, 380px); z-index: 95;
	background: #fff; padding: 5.2rem 1.25rem 2rem;
	transform: translateX(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	overflow-y: auto; box-shadow: -20px 0 50px -30px rgba(0, 0, 0, .5);
	visibility: hidden;
}
body.sy-menu-acik .sy-mobil-menu { transform: translateX(0); visibility: visible; }
.sy-perde {
	position: fixed; inset: 0; z-index: 94; background: rgba(6, 23, 3, .45);
	opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;
	backdrop-filter: blur(2px);
}
body.sy-menu-acik .sy-perde { opacity: 1; visibility: visible; }
body.sy-menu-acik { overflow: hidden; }

.sy-mobil-menu ul { list-style: none; margin: 0; padding: 0; }
.sy-mobil-menu > ul > li { border-bottom: 1px solid var(--sy-cizgi); }
.sy-mobil-menu a {
	display: block; padding: .85rem .2rem; font-weight: 700; font-size: 1.02rem;
	color: var(--sy-yesil-950); text-decoration: none;
}
.sy-mobil-menu .sub-menu { padding: 0 0 .7rem .8rem; }
.sy-mobil-menu .sub-menu a { font-weight: 500; font-size: .95rem; padding: .48rem .2rem; color: var(--sy-soluk); }
.sy-mobil-menu .sub-menu a:hover { color: var(--sy-yesil-700); }
.sy-mobil-menu .sy-menu-aciklama { display: none; }
.sy-mobil-iletisim { margin-top: 1.6rem; display: grid; gap: .7rem; }

.sy-mobil-kapat {
	position: absolute; top: 1rem; right: 1.15rem; z-index: 2;
	width: 44px; height: 44px; border-radius: 12px; cursor: pointer;
	border: 1px solid var(--sy-cizgi); background: #fff; color: var(--sy-yesil-900);
	display: grid; place-items: center; padding: 0;
	transition: background var(--sy-gecis), border-color var(--sy-gecis);
}
.sy-mobil-kapat:hover { background: var(--sy-yesil-50); border-color: var(--sy-yesil-100); }

.sy-mobil-menu .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.sy-mobil-ok {
	width: 12px; height: 12px; flex: none; background: var(--sy-soluk);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--sy-gecis);
}
.sy-mobil-menu .sy-alt-acik > a { color: var(--sy-yesil-700); }
.sy-mobil-menu .sy-alt-acik > a .sy-mobil-ok { transform: rotate(180deg); background: var(--sy-yesil-700); }

/* ========================== 7) BÖLÜMLER ========================== */

/* --- Hero --- */
.sy-hero {
	position: relative; overflow: hidden;
	padding-block: clamp(3rem, 6vw, 5.5rem) clamp(3.5rem, 7vw, 6rem);
	background:
		radial-gradient(1100px 520px at 12% -5%, rgba(58, 138, 40, .35), transparent 62%),
		radial-gradient(760px 420px at 96% 8%, rgba(240, 180, 41, .18), transparent 58%),
		linear-gradient(165deg, #0b2406 0%, #0e2e08 42%, #123310 100%);
	color: #e5ebe1;
}
.sy-hero::after {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
	background-image: radial-gradient(rgba(255, 255, 255, .09) 1px, transparent 1px);
	background-size: 26px 26px;
	-webkit-mask-image: linear-gradient(180deg, #000, transparent 70%);
	mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.sy-hero > * { position: relative; z-index: 1; }
.sy-hero-izgara { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 4vw, 3.4rem); align-items: center; }
.sy-hero h1 { color: #fff; margin-bottom: 1.1rem; }
.sy-hero h1 .sy-altin-yazi {
	background: linear-gradient(120deg, var(--sy-altin) 10%, #ffe09a 60%, var(--sy-altin) 90%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.sy-hero-ozet { font-size: clamp(1.02rem, .98rem + .3vw, 1.18rem); color: #c8d3c3; max-width: 46ch; }
.sy-hero .sy-btn-grup { margin-top: 1.9rem; }
.sy-hero-guven {
	margin-top: 2.2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, .14);
	display: flex; gap: 2rem; flex-wrap: wrap;
}
.sy-hero-guven div b { display: block; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 1.1; }
.sy-hero-guven div span { font-size: .85rem; color: #aab7a5; }

.sy-hero-gorsel { position: relative; }
.sy-hero-gorsel img { border-radius: 14px; }

/* Hero içindeki tarayıcı önizlemesi */
.sy-onizleme { background: #fff; color: var(--sy-metin); }
.sy-onizleme-ic { padding: 1.1rem 1.15rem 1.3rem; }
.sy-onizleme-ust { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--sy-cizgi); padding-bottom: .7rem; margin-bottom: .9rem; }
.sy-onizleme-marka { font-weight: 800; font-size: .82rem; color: var(--sy-yesil-900); letter-spacing: .02em; }
.sy-onizleme-menu { display: flex; gap: .55rem; }
.sy-onizleme-menu i { display: block; width: 26px; height: 5px; border-radius: 3px; background: #e6eae1; }
.sy-onizleme-kahraman { background: linear-gradient(140deg, var(--sy-yesil-900), var(--sy-yesil-700)); border-radius: 10px; padding: 1.1rem; color: #fff; }
.sy-onizleme-kahraman b { display: block; font-size: 1rem; margin-bottom: .35rem; }
.sy-onizleme-kahraman i { display: block; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, .25); margin-bottom: .32rem; }
.sy-onizleme-kahraman i:nth-child(3) { width: 70%; }
.sy-onizleme-kahraman em { display: inline-block; margin-top: .7rem; background: var(--sy-altin); color: #2a1d00; font-size: .68rem; font-weight: 800; font-style: normal; padding: .3rem .6rem; border-radius: 6px; }
.sy-onizleme-kutular { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin-top: .7rem; }
.sy-onizleme-kutu { border: 1px solid var(--sy-cizgi); border-radius: 8px; padding: .55rem; }
.sy-onizleme-kutu span { display: block; width: 18px; height: 18px; border-radius: 5px; background: var(--sy-yesil-100); margin-bottom: .4rem; }
.sy-onizleme-kutu i { display: block; height: 4px; border-radius: 2px; background: #eceee8; margin-bottom: .25rem; }
.sy-onizleme-kutu i:last-child { width: 60%; }

/* Hero üzerindeki yüzen puan kartı */
.sy-puan-kart {
	position: absolute; right: -8px; bottom: -22px; z-index: 3;
	background: #fff; border-radius: 14px; padding: .8rem 1rem;
	box-shadow: var(--sy-golge-l); display: flex; align-items: center; gap: .7rem;
	border: 1px solid rgba(255, 255, 255, .5);
}
.sy-puan-halka {
	width: 46px; height: 46px; border-radius: 50%; flex: none;
	background: conic-gradient(var(--sy-yesil-500) 0 100%, #e9ede6 0);
	display: grid; place-items: center; position: relative;
}
.sy-puan-halka::after { content: ""; position: absolute; inset: 5px; background: #fff; border-radius: 50%; }
.sy-puan-halka b { position: relative; z-index: 1; font-size: .82rem; font-weight: 800; color: var(--sy-yesil-700); }
.sy-puan-kart span { font-size: .74rem; color: var(--sy-soluk); line-height: 1.35; display: block; }
.sy-puan-kart strong { font-size: .86rem; color: var(--sy-yesil-950); display: block; }

/* --- Hizmet kartı --- */
.sy-hizmet-kart .sy-ikon { transition: transform var(--sy-gecis); }
.sy-hizmet-kart:hover .sy-ikon { transform: rotate(-6deg) scale(1.06); }

/* --- Özellik satırı --- */
.sy-ozellik { display: flex; gap: 1rem; align-items: flex-start; }
.sy-ozellik .sy-ikon { margin-bottom: 0; }
.sy-ozellik h3 { font-size: 1.05rem; margin-bottom: .3rem; }
.sy-ozellik p { color: var(--sy-soluk); font-size: .96rem; margin: 0; }

/* --- İkili bölüm (metin + görsel) --- */
.sy-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.8rem, 4vw, 3.6rem); align-items: center; }
.sy-ikili--ters .sy-ikili-metin { order: 2; }

/* --- CTA bandı --- */
.sy-cta {
	border-radius: var(--sy-r-xl); overflow: hidden; position: relative;
	padding: clamp(2.2rem, 4.5vw, 3.6rem);
	background:
		radial-gradient(700px 320px at 85% -20%, rgba(58, 138, 40, .55), transparent 65%),
		radial-gradient(500px 300px at 5% 120%, rgba(240, 180, 41, .22), transparent 60%),
		linear-gradient(150deg, #10300a, #071c04);
	color: #dfe7db;
	display: grid; grid-template-columns: 1.4fr .9fr; gap: 2rem; align-items: center;
}
.sy-cta h2 { color: #fff; margin-bottom: .6rem; }
.sy-cta p { color: #bfcbba; margin-bottom: 0; }
.sy-cta-sag { display: grid; gap: .7rem; }
.sy-cta .sy-btn--hayalet { color: #fff; border-color: rgba(255, 255, 255, .3); }
.sy-cta .sy-btn--hayalet:hover { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .55); }
.sy-cta .sy-btn--altin { color: #2a1d00; }
.sy-cta .sy-btn--wp { color: #05300f; }

.sy-cta::before {
	content: "8"; position: absolute; right: -2rem; top: 50%; transform: translateY(-50%);
	font-size: 16rem; font-weight: 800; color: rgba(255, 255, 255, .04); line-height: 1; pointer-events: none;
}

/* --- Referans / portföy --- */
.sy-portfoy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.sy-portfoy-kart {
	position: relative; border-radius: var(--sy-r-l); overflow: hidden;
	background: linear-gradient(160deg, var(--sy-krem), #e7ece2);
	border: 1px solid var(--sy-cizgi);
	padding: 1.6rem 1.4rem 0; text-align: center;
	transition: transform var(--sy-gecis), box-shadow var(--sy-gecis);
}
.sy-portfoy-kart:hover { transform: translateY(-5px); box-shadow: var(--sy-golge-l); }
.sy-portfoy-kart h3 { font-size: 1.05rem; margin-bottom: .2rem; }
.sy-portfoy-kart p { font-size: .88rem; color: var(--sy-soluk); margin-bottom: 1.1rem; }
.sy-portfoy-kart img { border-radius: 10px 10px 0 0; margin-inline: auto; }

/* --- İçindekiler --- */
.sy-icindekiler {
	background: var(--sy-krem); border: 1px solid var(--sy-cizgi);
	border-radius: var(--sy-r-m); padding: 1.2rem 1.4rem; margin-bottom: 2rem;
}
.sy-icindekiler b { display: block; font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; color: var(--sy-soluk); margin-bottom: .7rem; }
.sy-icindekiler ol { margin: 0; padding-left: 1.2rem; display: grid; gap: .25rem; }
.sy-icindekiler a { color: var(--sy-yesil-800); text-decoration: none; font-size: .96rem; font-weight: 600; }
.sy-icindekiler a:hover { text-decoration: underline; }
.sy-icindekiler li li { font-weight: 400; }

/* ======================= 8) İÇERİK / BLOG ======================= */
.sy-sayfa-basi {
	background:
		radial-gradient(800px 380px at 10% -30%, rgba(58, 138, 40, .3), transparent 65%),
		linear-gradient(160deg, #0b2406, #0e2e08);
	color: #dfe7db; padding-block: clamp(2.2rem, 4vw, 3.4rem) clamp(2.4rem, 4.5vw, 3.8rem);
	position: relative; overflow: hidden;
}
.sy-sayfa-basi h1 { color: #fff; margin-bottom: .6rem; max-width: 22ch; }
.sy-sayfa-basi .sy-ozet { color: #c1ccbb; font-size: 1.08rem; max-width: 62ch; margin: 0; }
.sy-sayfa-basi .sy-kirinti, .sy-sayfa-basi .sy-kirinti a { color: #9fae9a; }
.sy-sayfa-basi .sy-kirinti [aria-current] { color: #e6ecdf; }
.sy-sayfa-basi .sy-kirinti a:hover { color: var(--sy-altin); }
.sy-sayfa-basi .sy-etiket { margin-top: 1.4rem; }

.sy-icerik { font-size: var(--sy-govde); }
.sy-icerik h2 { margin-top: 2.6rem; scroll-margin-top: 100px; }
.sy-icerik h3 { margin-top: 1.9rem; scroll-margin-top: 100px; }
.sy-icerik h2:first-child, .sy-icerik h3:first-child { margin-top: 0; }
.sy-icerik ul, .sy-icerik ol { padding-left: 1.4rem; }
.sy-icerik li { margin-bottom: .5rem; }
.sy-icerik img { border-radius: var(--sy-r-m); margin: 1.8rem 0; }
.sy-icerik figure { margin: 1.8rem 0; }
.sy-icerik figcaption { font-size: .86rem; color: var(--sy-soluk); text-align: center; margin-top: .6rem; }
.sy-icerik > p:first-of-type { font-size: 1.14rem; color: #2c382e; }

.sy-yazi-govde { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(2rem, 4vw, 3.2rem); align-items: start; }
.sy-yan { position: sticky; top: 96px; display: grid; gap: 1.2rem; }

/* Yalnızca geniş ekranda yapışkan kalsın (mobilde içeriğin üstüne binmesin) */
@media (min-width: 961px) {
	.sy-yapiskan { position: sticky; top: 100px; }
}
.sy-widget { background: var(--sy-krem); border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-m); padding: 1.3rem; font-size: .95rem; }
.sy-widget-baslik { font-size: 1rem; margin-bottom: .8rem; }
.sy-widget ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.sy-widget a { text-decoration: none; color: var(--sy-metin); font-weight: 600; }
.sy-widget a:hover { color: var(--sy-yesil-700); }

.sy-yazi-ust { margin-bottom: 1.6rem; }
.sy-yazi-bilgi { display: flex; flex-wrap: wrap; gap: 1rem; font-size: .88rem; color: var(--sy-soluk); }
.sy-yazi-bilgi span { display: inline-flex; align-items: center; gap: .35rem; }

.sy-yazi-kart {
	display: flex; flex-direction: column; height: 100%;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-l);
	overflow: hidden; transition: transform var(--sy-gecis), box-shadow var(--sy-gecis), border-color var(--sy-gecis);
	position: relative;
}
.sy-yazi-kart:hover { transform: translateY(-5px); box-shadow: var(--sy-golge-l); border-color: var(--sy-yesil-100); }
.sy-yazi-kapak {
	aspect-ratio: 16 / 8; position: relative; overflow: hidden;
	background: linear-gradient(145deg, var(--sy-yesil-800), var(--sy-yesil-600));
	display: grid; place-items: center; padding: 1rem;
}
.sy-yazi-kapak img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.sy-yazi-kapak::after {
	content: ""; position: absolute; inset: 0; opacity: .35;
	background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1px);
	background-size: 18px 18px;
}
.sy-yazi-kapak b {
	position: relative; z-index: 1; color: #fff; font-size: .95rem; font-weight: 700;
	text-align: center; line-height: 1.35; opacity: .95;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.sy-yazi-kart-ic { padding: 1.25rem 1.3rem 1.4rem; display: flex; flex-direction: column; flex: 1; }
.sy-yazi-kart h3 { font-size: 1.08rem; margin-bottom: .5rem; }
.sy-yazi-kart h3 a { color: var(--sy-yesil-950); text-decoration: none; }
.sy-yazi-kart p { font-size: .94rem; color: var(--sy-soluk); margin-bottom: 1rem; }
.sy-yazi-kart .sy-yazi-alt { margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: .82rem; color: var(--sy-soluk); }
.sy-yazi-kat {
	position: absolute; top: .9rem; left: .9rem; z-index: 2;
	background: rgba(255, 255, 255, .92); color: var(--sy-yesil-800);
	font-size: .72rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px;
}

/* Sayfalama */
.sy-sayfalama { display: flex; gap: .4rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
.sy-sayfalama .page-numbers {
	min-width: 42px; height: 42px; padding: 0 .7rem; border-radius: 11px;
	display: inline-grid; place-items: center; text-decoration: none;
	border: 1px solid var(--sy-cizgi); color: var(--sy-metin); font-weight: 700; font-size: .92rem;
	background: #fff;
}
.sy-sayfalama .page-numbers:hover { border-color: var(--sy-yesil-600); color: var(--sy-yesil-700); }
.sy-sayfalama .current { background: var(--sy-yesil-900); border-color: var(--sy-yesil-900); color: #fff; }

/* Okuma çubuğu */
.sy-okuma {
	position: fixed; top: 0; left: 0; height: 3px; z-index: 99; width: 0;
	background: linear-gradient(90deg, var(--sy-yesil-500), var(--sy-altin));
	transition: width .08s linear;
}

/* Paylaş */
.sy-paylas { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-top: 2.5rem; padding-top: 1.6rem; border-top: 1px solid var(--sy-cizgi); }
.sy-paylas span { font-weight: 700; font-size: .9rem; }
.sy-paylas a {
	width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;
	border: 1px solid var(--sy-cizgi); color: var(--sy-yesil-800); text-decoration: none;
	transition: background var(--sy-gecis), color var(--sy-gecis), border-color var(--sy-gecis);
}
.sy-paylas a:hover { background: var(--sy-yesil-900); color: #fff; border-color: var(--sy-yesil-900); }
.sy-paylas svg { width: 17px; height: 17px; }

/* =========================== 9) FORM =========================== */
.sy-form { display: grid; gap: .9rem; }
.sy-form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.sy-alan { display: grid; gap: .35rem; }
.sy-alan label { font-size: .88rem; font-weight: 700; color: var(--sy-yesil-950); }
.sy-alan label .sy-zorunlu { color: #c0392b; }
.sy-form input[type="text"],
.sy-form input[type="email"],
.sy-form input[type="tel"],
.sy-form input[type="number"],
.sy-form select,
.sy-form textarea {
	font: inherit; font-size: .97rem; width: 100%;
	padding: .8rem .95rem; border-radius: 11px;
	border: 1px solid var(--sy-cizgi); background: #fff; color: var(--sy-metin);
	transition: border-color var(--sy-gecis), box-shadow var(--sy-gecis);
}
.sy-form textarea { min-height: 128px; resize: vertical; }
.sy-form input:focus, .sy-form select:focus, .sy-form textarea:focus {
	outline: none; border-color: var(--sy-yesil-600);
	box-shadow: 0 0 0 4px rgba(42, 107, 29, .12);
}
.sy-form select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6b5e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .9rem center; background-size: 16px; padding-right: 2.4rem; }
.sy-onay { display: flex; gap: .6rem; align-items: flex-start; font-size: .84rem; color: var(--sy-soluk); }
.sy-onay input { margin-top: .25rem; width: 17px; height: 17px; accent-color: var(--sy-yesil-700); flex: none; }
.sy-onay a { color: var(--sy-yesil-700); }
.sy-bal { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sy-form-mesaj { border-radius: 12px; padding: .9rem 1.1rem; font-size: .95rem; font-weight: 600; }
.sy-form-mesaj--ok { background: #e9f6e6; color: #1c5c14; border: 1px solid #bfe2b8; }
.sy-form-mesaj--hata { background: #fdeceb; color: #a12f22; border: 1px solid #f3c6c1; }
.sy-form-kutu {
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-xl);
	padding: clamp(1.4rem, 3vw, 2.2rem); box-shadow: var(--sy-golge-m);
}
.sy-bolum--koyu .sy-form-kutu { color: var(--sy-metin); }
.sy-form-kutu h3 { margin-bottom: .3rem; }
.sy-form-kutu .sy-form-ozet { color: var(--sy-soluk); font-size: .94rem; margin-bottom: 1.3rem; }

/* Hızlı form (telefon) */
.sy-hizli-form { display: flex; gap: .6rem; flex-wrap: wrap; }
.sy-hizli-form input { flex: 1 1 220px; }

/* ======================== 10) ALT BİLGİ ======================== */
.sy-alt {
	background: linear-gradient(170deg, #0b2406, #061703);
	color: #a9b6a4; padding-top: clamp(3rem, 5vw, 4.5rem); margin-top: 0;
	font-size: .95rem;
}
.sy-alt-izgara { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 2rem; }
.sy-alt h3 { color: #fff; font-size: .95rem; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 1.1rem; }
.sy-alt ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.sy-alt li { margin: 0; }
.sy-alt a { color: #bcc9b7; text-decoration: none; transition: color var(--sy-gecis); }
.sy-alt a:hover { color: var(--sy-altin); }
.sy-alt-logo { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.sy-alt-logo img { height: 38px; width: auto; }
.sy-alt-tanim { max-width: 38ch; color: #9aa895; }
.sy-alt-iletisim { display: grid; gap: .7rem; }
.sy-alt-iletisim a, .sy-alt-iletisim span { display: flex; gap: .6rem; align-items: flex-start; }
.sy-alt-iletisim svg { width: 17px; height: 17px; flex: none; margin-top: .22rem; color: var(--sy-altin); }
.sy-alt-sosyal { display: flex; gap: .5rem; margin-top: 1.2rem; }
.sy-alt-sosyal a {
	width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;
	background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1);
}
.sy-alt-sosyal a:hover { background: var(--sy-altin); color: #2a1d00; }
.sy-alt-sosyal svg { width: 17px; height: 17px; }
.sy-alt-serit {
	margin-top: clamp(2.2rem, 4vw, 3.2rem); padding: 1.3rem 0 4.6rem;
	border-top: 1px solid rgba(255, 255, 255, .1);
	display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	font-size: .86rem; color: #8d9b89;
}
.sy-alt-serit ul { display: flex; gap: 1.2rem; flex-wrap: wrap; }

/* Yüzen WhatsApp + mobil bar */
.sy-wp-yuzen {
	position: fixed; right: 18px; bottom: 18px; z-index: 80;
	width: 54px; height: 54px; border-radius: 50%;
	background: var(--sy-wp); color: #05300f;
	display: grid; place-items: center; text-decoration: none;
	box-shadow: 0 10px 26px -8px rgba(37, 211, 102, .8);
	transition: transform var(--sy-gecis);
}
.sy-wp-yuzen:hover { transform: scale(1.08); color: #05300f; }
.sy-wp-yuzen svg { width: 28px; height: 28px; }
.sy-wp-yuzen::after {
	content: ""; position: absolute; inset: 0; border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); animation: sy-nabiz 2.6s infinite;
}
@keyframes sy-nabiz { 70% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

.sy-mobil-bar { display: none; }

/* ========================== 11) HAREKET ========================== */
.js .sy-gir { opacity: 0; transform: translateY(18px); }
.js .sy-gir.sy-goster {
	opacity: 1; transform: none;
	transition: opacity .6s cubic-bezier(.22, .61, .36, 1), transform .6s cubic-bezier(.22, .61, .36, 1);
}
.js .sy-gir:nth-child(2) { transition-delay: .07s; }
.js .sy-gir:nth-child(3) { transition-delay: .14s; }
.js .sy-gir:nth-child(4) { transition-delay: .21s; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
	.js .sy-gir { opacity: 1; transform: none; }
}

/* ========================= 12) DUYARLI ========================= */
@media (max-width: 1080px) {
	.sy-alt-izgara { grid-template-columns: 1.4fr 1fr 1.2fr; }
	.sy-alt-izgara > div:nth-child(3) { display: none; }
}

@media (max-width: 960px) {
	.sy-ana-menu, .sy-ust-serit .sy-ust-sol { display: none; }
	.sy-menu-dugme { display: grid; }
	.sy-baslik-sag .sy-btn--ana { display: none; }
	.sy-hero-izgara { grid-template-columns: 1fr; }
	.sy-hero-gorsel { max-width: 560px; margin-inline: auto; width: 100%; }
	.sy-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sy-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sy-paketler { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
	.sy-portfoy { grid-template-columns: repeat(2, 1fr); }
	.sy-ikili { grid-template-columns: 1fr; }
	.sy-ikili--ters .sy-ikili-metin { order: 0; }
	.sy-cta { grid-template-columns: 1fr; }
	.sy-yazi-govde { grid-template-columns: 1fr; }
	.sy-yan { position: static; }
	.sy-sayilar { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	:root { --sy-govde: 1rem; }
	.sy-kap { width: min(100% - 2rem, var(--sy-kap)); }
	.sy-izgara--2, .sy-izgara--3, .sy-izgara--4 { grid-template-columns: 1fr; }
	.sy-portfoy { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
	.sy-form-satir { grid-template-columns: 1fr; }
	.sy-ust-serit { display: none; }
	.sy-alt-izgara { grid-template-columns: 1fr; gap: 2.2rem; }
	.sy-alt-izgara > div:nth-child(3) { display: block; }
	.sy-alt-serit { flex-direction: column; text-align: center; align-items: center; }
	.sy-hero-guven { gap: 1.4rem; }
	.sy-puan-kart { right: 4px; bottom: -18px; padding: .6rem .8rem; }
	.sy-wp-yuzen { bottom: 74px; right: 14px; width: 48px; height: 48px; }
	.sy-wp-yuzen svg { width: 24px; height: 24px; }
	.sy-cta::before { display: none; }
	body { padding-bottom: 64px; }

	.sy-mobil-bar {
		display: grid; grid-template-columns: repeat(3, 1fr);
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 85;
		background: #fff; border-top: 1px solid var(--sy-cizgi);
		box-shadow: 0 -6px 20px -12px rgba(0, 0, 0, .3);
	}
	.sy-mobil-bar a {
		display: grid; place-items: center; gap: .15rem; padding: .55rem .3rem;
		font-size: .72rem; font-weight: 700; color: var(--sy-yesil-900); text-decoration: none;
	}
	.sy-mobil-bar a + a { border-left: 1px solid var(--sy-cizgi); }
	.sy-mobil-bar svg { width: 19px; height: 19px; }
	.sy-mobil-bar .sy-mobil-teklif { background: var(--sy-yesil-900); color: #fff; }
}

/* ---- Buton metin renkleri (kapsayıcı bağlantı renkleri ezmesin) ---- */
.sy-mobil-menu .sy-btn,
.sy-widget .sy-btn,
.sy-alt .sy-btn,
.sy-kart .sy-btn { text-decoration: none; }
.sy-mobil-menu .sy-btn--ana,
.sy-widget .sy-btn--ana,
.sy-alt .sy-btn--ana { color: #fff; }
.sy-mobil-menu .sy-btn--altin,
.sy-widget .sy-btn--altin,
.sy-alt .sy-btn--altin { color: #2a1d00; }
.sy-mobil-menu .sy-btn--wp,
.sy-widget .sy-btn--wp,
.sy-alt .sy-btn--wp { color: #05300f; }
.sy-mobil-menu .sy-btn--hayalet { color: var(--sy-yesil-900); }

/* Alt bilgideki altın düğme: üzerine gelince beyaz */
.sy-alt .sy-btn--altin:hover,
.sy-alt .sy-btn--altin:focus-visible {
	background: #fff; background-image: none;
	color: var(--sy-yesil-900);
	box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .55);
}

/* ==================== 13) İNFOGRAFİK BİLEŞENLER ====================
   Rehber sayfalarında kullanılan görsel anlatım blokları.               */

/* --- Öne çıkan cevap kutusu (sayfanın en başındaki özet) --- */
.sy-cevap {
	border: 1px solid var(--sy-yesil-100);
	border-left: 5px solid var(--sy-yesil-600);
	background: linear-gradient(115deg, var(--sy-yesil-50), #fff 60%);
	border-radius: 0 var(--sy-r-m) var(--sy-r-m) 0;
	padding: clamp(1.1rem, 2.4vw, 1.6rem) clamp(1.2rem, 2.6vw, 1.8rem);
	margin: 0 0 2rem;
}
.sy-cevap > p:first-child { font-size: 1.1rem; color: #1d2a1f; }
.sy-cevap .sy-tik { margin-top: 1rem; }
.sy-cevap p:last-child { margin-bottom: 0; }

/* --- İnfografik çerçevesi --- */
.sy-info {
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-l);
	padding: clamp(1.2rem, 2.6vw, 2rem); margin: 2.2rem 0;
	box-shadow: var(--sy-golge-s);
}
.sy-info--krem { background: var(--sy-krem); }
.sy-info-basi { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.4rem; }
.sy-info-basi i {
	width: 38px; height: 38px; border-radius: 11px; flex: none;
	display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: .95rem;
	background: linear-gradient(140deg, var(--sy-yesil-800), var(--sy-yesil-600)); color: var(--sy-altin);
}
.sy-info-basi b { font-size: 1.06rem; font-weight: 800; color: var(--sy-yesil-950); line-height: 1.3; }
.sy-info-basi span { display: block; font-size: .85rem; font-weight: 500; color: var(--sy-soluk); }
.sy-info-alt { margin-top: 1.2rem; font-size: .86rem; color: var(--sy-soluk); border-top: 1px dashed var(--sy-cizgi); padding-top: .9rem; }
.sy-info p:last-child { margin-bottom: 0; }

/* --- Yatay bar grafik --- */
.sy-bar { display: grid; gap: .95rem; }
.sy-bar-satir { display: grid; grid-template-columns: minmax(130px, 210px) 1fr 52px; gap: .9rem; align-items: center; }
.sy-bar-satir > span:first-child { font-size: .94rem; font-weight: 600; color: var(--sy-metin); }
.sy-bar-yol { height: 12px; border-radius: 999px; background: var(--sy-krem-2); overflow: hidden; }
.sy-bar-dolu { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--sy-yesil-700), var(--sy-yesil-500)); }
.sy-bar-satir b { font-size: .84rem; font-weight: 800; color: var(--sy-yesil-700); text-align: right; }
.sy-bar--altin .sy-bar-dolu { background: linear-gradient(90deg, var(--sy-altin-koyu), var(--sy-altin)); }
.sy-bar--altin .sy-bar-satir b { color: var(--sy-altin-koyu); }

/* --- Numaralı akış --- */
.sy-akis { display: grid; }
.sy-akis-adim { display: grid; grid-template-columns: 42px 1fr; gap: 1rem; padding-bottom: 1.5rem; position: relative; }
.sy-akis-adim::before {
	content: ""; position: absolute; left: 20px; top: 46px; bottom: 0; width: 2px;
	background: linear-gradient(var(--sy-yesil-100), rgba(232, 242, 228, 0));
}
.sy-akis-adim:last-child { padding-bottom: 0; }
.sy-akis-adim:last-child::before { display: none; }
.sy-akis-no {
	width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
	background: linear-gradient(140deg, var(--sy-yesil-800), var(--sy-yesil-600));
	color: #fff; font-weight: 800; font-size: .95rem; position: relative; z-index: 1;
}
.sy-akis-adim h4 { font-size: 1.02rem; margin: .45rem 0 .3rem; color: var(--sy-yesil-950); }
.sy-akis-adim p { font-size: .95rem; color: var(--sy-soluk); margin: 0; }
.sy-akis-adim .sy-akis-sure { display: inline-block; margin-top: .45rem; font-size: .78rem; font-weight: 700; color: var(--sy-yesil-700); background: var(--sy-yesil-50); border: 1px solid var(--sy-yesil-100); padding: .16rem .55rem; border-radius: 999px; }

/* --- Sayfa anatomisi (tel kafes şema) --- */
.sy-anatomi { display: grid; gap: .55rem; }
.sy-anatomi-kat {
	display: grid; grid-template-columns: 34px 1fr; gap: .9rem; align-items: center;
	border: 1px solid var(--sy-cizgi); border-radius: 12px; padding: .7rem .85rem; background: #fff;
	transition: border-color var(--sy-gecis), transform var(--sy-gecis);
}
.sy-anatomi-kat:hover { border-color: var(--sy-yesil-100); transform: translateX(3px); }
.sy-anatomi-kat > i {
	width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center;
	background: var(--sy-yesil-50); color: var(--sy-yesil-700); font-style: normal; font-weight: 800; font-size: .85rem;
	border: 1px solid var(--sy-yesil-100);
}
.sy-anatomi-kat b { display: block; font-size: .96rem; color: var(--sy-yesil-950); }
.sy-anatomi-kat span { display: block; font-size: .86rem; color: var(--sy-soluk); }
.sy-anatomi-kat--vurgu { background: linear-gradient(120deg, var(--sy-yesil-900), var(--sy-yesil-700)); border-color: transparent; }
.sy-anatomi-kat--vurgu b { color: #fff; }
.sy-anatomi-kat--vurgu span { color: #c3cdbd; }
.sy-anatomi-kat--vurgu > i { background: rgba(255, 255, 255, .14); color: var(--sy-altin); border-color: rgba(255, 255, 255, .18); }

/* --- Eşleşme tablosu (arama → yapılacak) --- */
.sy-eslesme { display: grid; gap: .7rem; }
.sy-eslesme-satir {
	display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: 14px; padding: .9rem 1.1rem;
}
.sy-eslesme-satir .sy-arama { font-weight: 700; color: var(--sy-yesil-950); font-size: .95rem; }
.sy-eslesme-satir .sy-arama em { display: block; font-style: normal; font-weight: 500; font-size: .82rem; color: var(--sy-soluk); margin-top: .15rem; }
.sy-eslesme-ok { color: var(--sy-altin); font-weight: 800; }
.sy-eslesme-satir .sy-yanit { font-size: .93rem; color: var(--sy-soluk); }

/* --- Puan / kontrol listesi --- */
.sy-skor { display: grid; gap: .55rem; counter-reset: skor; }
.sy-skor-satir {
	display: grid; grid-template-columns: 26px 1fr; gap: .8rem; align-items: start;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: 12px; padding: .8rem 1rem;
	font-size: .95rem;
}
.sy-skor-satir::before {
	counter-increment: skor; content: counter(skor);
	width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center;
	background: var(--sy-yesil-50); color: var(--sy-yesil-700); font-weight: 800; font-size: .82rem;
	border: 1px solid var(--sy-yesil-100);
}
.sy-skor-satir b { color: var(--sy-yesil-950); }
.sy-skor-satir span { display: block; color: var(--sy-soluk); font-size: .9rem; margin-top: .15rem; }

/* --- Büyük rakam kartları --- */
.sy-rakamlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.sy-rakam {
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-m);
	padding: 1.2rem 1.1rem; text-align: center;
}
.sy-rakam b { display: block; font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.2rem); font-weight: 800; color: var(--sy-yesil-700); line-height: 1.1; letter-spacing: -.02em; }
.sy-rakam span { display: block; margin-top: .4rem; font-size: .88rem; color: var(--sy-soluk); }

/* --- Rehber kartları (konu kümesi bağlantıları) --- */
.sy-rehber { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.sy-rehber-kart {
	display: flex; gap: .9rem; align-items: flex-start; text-decoration: none;
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-m); padding: 1.05rem 1.15rem;
	transition: transform var(--sy-gecis), box-shadow var(--sy-gecis), border-color var(--sy-gecis);
}
.sy-rehber-kart:hover { transform: translateY(-3px); box-shadow: var(--sy-golge-m); border-color: var(--sy-yesil-100); }
.sy-rehber-kart .sy-ikon { margin: 0; width: 40px; height: 40px; border-radius: 11px; flex: none; }
.sy-rehber-kart .sy-ikon svg { width: 19px; height: 19px; }
.sy-rehber-kart b { display: block; font-size: .99rem; color: var(--sy-yesil-950); }
.sy-rehber-kart span { display: block; font-size: .87rem; color: var(--sy-soluk); margin-top: .2rem; }

@media (max-width: 760px) {
	.sy-bar-satir { grid-template-columns: 1fr auto; }
	.sy-bar-satir .sy-bar-yol { grid-column: 1 / -1; }
	.sy-eslesme-satir { grid-template-columns: 1fr; gap: .45rem; }
	.sy-eslesme-ok { display: none; }
	.sy-eslesme-satir .sy-yanit { border-top: 1px dashed var(--sy-cizgi); padding-top: .5rem; }
	.sy-rakamlar { grid-template-columns: 1fr; }
	.sy-rehber { grid-template-columns: 1fr; }
}

/* ==================== 14) REKLAM AÇILIŞ SAYFASI + ÇEREZ ==================== */

/* Koyu hero içindeki tik listesi */
.sy-hero .sy-tik { margin-top: 1.4rem; }
.sy-hero .sy-tik li { color: #dfe7da; }
.sy-hero .sy-tik li::before {
	background-color: rgba(240, 180, 41, .18);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0b429' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}
.sy-hero--lp { padding-block: clamp(2.2rem, 5vw, 4rem) clamp(2.6rem, 5vw, 4.4rem); }
.sy-hero--lp .sy-form-kutu { box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.sy-hero--lp h1 { font-size: clamp(1.9rem, 1.2rem + 2.8vw, 3.2rem); }

/* Sade başlık (menüsüz) */
.sy-baslik--sade .sy-baslik-ic { min-height: 66px; }
.sy-baslik--sade .sy-baslik-sag { gap: .5rem; }
.sy-baslik--sade .sy-btn--hayalet { color: var(--sy-yesil-900); }
@media (max-width: 640px) {
	.sy-mobilde-gizle { display: none; }
	.sy-baslik--sade .sy-btn { padding: .6rem .75rem; }
}

/* Çerez onay çubuğu */
.sy-cerez {
	position: fixed; left: 16px; bottom: 16px; z-index: 97;
	width: min(460px, calc(100% - 32px));
	background: #fff; border: 1px solid var(--sy-cizgi); border-radius: var(--sy-r-l);
	box-shadow: var(--sy-golge-l); padding: 1rem 1.1rem;
	display: grid; gap: .8rem;
}
.sy-cerez[hidden] { display: none; }
.sy-cerez p { margin: 0; font-size: .87rem; line-height: 1.55; color: var(--sy-soluk); }
.sy-cerez a { color: var(--sy-yesil-700); }
.sy-cerez-dugmeler { display: flex; gap: .5rem; justify-content: flex-end; }
.sy-cerez .sy-btn--hayalet { color: var(--sy-yesil-900); }
@media (max-width: 640px) {
	.sy-cerez { bottom: 74px; left: 12px; width: calc(100% - 24px); }
}

@media print {
	.sy-baslik, .sy-alt, .sy-wp-yuzen, .sy-mobil-bar, .sy-ust-serit, .sy-cta, .sy-cerez { display: none !important; }
}