/* =========================================================
   Peyzaj Dünyası — tasarım sistemi
   Mobil öncelikli, bağımlılıksız.
   ========================================================= */

:root{
	--ana: #1f4a2c;
	--ana-koyu: #14321e;
	--ana-acik: #2f6a40;
	--vurgu: #c6843f;
	--yaprak: #7fa65a;
	--adacayi: #dfe6d2;
	--krem: #f6f2e9;
	--kum: #ece4d3;
	--beyaz: #ffffff;
	--murekkep: #18221b;
	--metin: #3c4a40;
	--soluk: #6a776d;
	--cizgi: rgba(24, 34, 27, .12);

	--font-baslik: "Fraunces", Georgia, "Times New Roman", serif;
	--font-govde: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--r-sm: 10px;
	--r: 18px;
	--r-lg: 28px;
	--golge: 0 1px 2px rgba(20, 50, 30, .06), 0 8px 24px rgba(20, 50, 30, .08);
	--golge-lg: 0 24px 60px rgba(20, 50, 30, .18);
	--gecis: .35s cubic-bezier(.2, .7, .2, 1);
	--kap: 1240px;
	--bosluk: clamp(64px, 9vw, 120px);
	--header-h: 76px;
}

/* ---------- Temel ---------- */
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body{
	margin: 0;
	font-family: var(--font-govde);
	font-size: 16px;
	line-height: 1.7;
	color: var(--metin);
	background: var(--krem);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}
img, video, iframe, svg{ max-width: 100%; }
img{ height: auto; display: block; }
a{ color: var(--ana); text-decoration: none; transition: color var(--gecis); }
a:hover{ color: var(--vurgu); }
h1, h2, h3, h4, h5{
	font-family: var(--font-baslik);
	color: var(--murekkep);
	line-height: 1.12;
	font-weight: 500;
	letter-spacing: -.01em;
	margin: 0 0 .5em;
	font-variation-settings: "SOFT" 50, "opsz" 72;
}
h1{ font-size: clamp(2.3rem, 6vw, 4.6rem); }
h2{ font-size: clamp(1.9rem, 4.2vw, 3.1rem); }
h3{ font-size: clamp(1.25rem, 2.2vw, 1.5rem); }
h4{ font-size: 1.15rem; }
p{ margin: 0 0 1.1em; }
em.vurgu, .italik{ font-style: italic; color: var(--ana-acik); }
::selection{ background: var(--yaprak); color: #fff; }
:focus-visible{ outline: 3px solid var(--vurgu); outline-offset: 3px; border-radius: 4px; }

.ikon{ width: 1.25em; height: 1.25em; flex: none; }
.gizli{ position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla{ position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--ana); color: #fff; padding: 10px 16px; border-radius: var(--r-sm); }
.atla:focus{ top: 12px; color: #fff; }

.kap{ width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 20px; }
@media (min-width: 768px){ .kap{ padding: 0 32px; } }

.bolum{ padding: var(--bosluk) 0; position: relative; }
.bolum--beyaz{ background: var(--beyaz); }
.bolum--kum{ background: var(--kum); }
.bolum--koyu{ background: var(--ana-koyu); color: rgba(255,255,255,.78); }
.bolum--koyu h2, .bolum--koyu h3{ color: #fff; }
.bolum--sikis{ padding-top: 0; }

/* ---------- Başlıklar ---------- */
.ust-baslik{
	display: inline-flex; align-items: center; gap: 10px;
	font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
	color: var(--ana-acik); margin-bottom: 16px;
}
.ust-baslik::before{ content: ""; width: 28px; height: 2px; background: var(--vurgu); border-radius: 2px; }
.bolum--koyu .ust-baslik{ color: var(--yaprak); }
.bolum-baslik{ max-width: 720px; margin-bottom: clamp(36px, 5vw, 56px); }
.bolum-baslik p{ font-size: 1.08rem; color: var(--soluk); margin: 0; }
.bolum--koyu .bolum-baslik p{ color: rgba(255,255,255,.7); }
.bolum-baslik--orta{ margin-left: auto; margin-right: auto; text-align: center; }
.bolum-baslik--orta .ust-baslik::after{ content: ""; width: 28px; height: 2px; background: var(--vurgu); border-radius: 2px; }
.bolum-baslik h2 em{ font-style: italic; color: var(--ana-acik); }
.bolum--koyu .bolum-baslik h2 em{ color: var(--yaprak); }
.baslik-satir{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: clamp(32px, 5vw, 52px); }
.baslik-satir .bolum-baslik{ margin-bottom: 0; }

/* ---------- Butonlar ---------- */
.btn{
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 52px; padding: 0 26px;
	font: 700 .95rem/1 var(--font-govde); letter-spacing: .01em;
	border-radius: 999px; border: 2px solid transparent; cursor: pointer;
	transition: transform var(--gecis), background var(--gecis), color var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
	white-space: nowrap;
}
.btn .ikon{ transition: transform var(--gecis); }
.btn:hover .ikon{ transform: translateX(3px); }
.btn--ana{ background: var(--ana); color: #fff; }
.btn--ana:hover{ background: var(--ana-koyu); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(20,50,30,.25); }
.btn--vurgu{ background: var(--vurgu); color: #fff; }
.btn--vurgu:hover{ background: #b0722f; color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(198,132,63,.35); }
.btn--cizgi{ border-color: currentColor; color: var(--ana); background: transparent; }
.btn--cizgi:hover{ background: var(--ana); border-color: var(--ana); color: #fff; }
.btn--acik{ background: #fff; color: var(--ana); }
.btn--acik:hover{ background: var(--krem); color: var(--ana-koyu); }
.btn--seffaf{ color: #fff; border-color: rgba(255,255,255,.5); }
.btn--seffaf:hover{ background: #fff; border-color: #fff; color: var(--ana); }
.btn--kucuk{ min-height: 42px; padding: 0 18px; font-size: .88rem; }
.btn--tam{ width: 100%; }
.metin-link{ display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ana); }
.metin-link .ikon{ transition: transform var(--gecis); }
.metin-link:hover .ikon{ transform: translateX(4px); }

/* ---------- Üst bar ---------- */
.ust-bar{ background: var(--ana-koyu); color: rgba(255,255,255,.78); font-size: .85rem; display: none; }
.ust-bar a{ color: rgba(255,255,255,.85); }
.ust-bar a:hover{ color: #fff; }
.ust-bar .kap{ display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 42px; }
.ust-bar__bilgi{ display: flex; gap: 26px; flex-wrap: wrap; }
.ust-bar__bilgi span, .ust-bar__bilgi a{ display: inline-flex; align-items: center; gap: 8px; }
.ust-bar__bilgi .ikon{ width: 15px; height: 15px; color: var(--yaprak); }
@media (min-width: 992px){ .ust-bar{ display: block; } }

.sosyal{ display: flex; gap: 8px; flex-wrap: wrap; }
.sosyal a{ width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: inherit; background: rgba(255,255,255,.08); transition: background var(--gecis), color var(--gecis), transform var(--gecis); }
.sosyal a:hover{ background: var(--vurgu); color: #fff; transform: translateY(-2px); }
.sosyal .ikon{ width: 16px; height: 16px; }
.ust-bar .sosyal a{ width: 28px; height: 28px; background: transparent; }

/* ---------- Header ---------- */
.site-header{ position: sticky; top: 0; z-index: 50; background: rgba(246, 242, 233, .92); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid transparent; transition: box-shadow var(--gecis), border-color var(--gecis); }
.site-header.kaydi{ border-color: var(--cizgi); box-shadow: 0 6px 24px rgba(20,50,30,.07); }
.site-header .kap{ display: flex; align-items: center; justify-content: space-between; gap: 20px; height: var(--header-h); }
.logo{ display: flex; align-items: center; gap: 12px; flex: none; }
.logo img{ height: 54px; width: auto; max-width: 170px; object-fit: contain; border-radius: 8px; }
.logo__yazi{ font-family: var(--font-baslik); font-size: 1.45rem; color: var(--ana); font-weight: 600; line-height: 1; }
.logo__yazi small{ display: block; font-family: var(--font-govde); font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); font-weight: 600; margin-top: 4px; }

.ana-menu{ display: none; }
.ana-menu > ul{ list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; }
.ana-menu li{ position: relative; }
.ana-menu > ul > li > a, .ana-menu > ul > li > button{
	display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 14px; border-radius: 999px;
	font: 600 .95rem/1 var(--font-govde); color: var(--murekkep);
	background: none; border: 0; cursor: pointer;
	transition: background var(--gecis), color var(--gecis);
}
.ana-menu > ul > li > a:hover, .ana-menu > ul > li > button:hover, .ana-menu > ul > li:focus-within > button, .ana-menu a.aktif{ background: rgba(31,74,44,.08); color: var(--ana); }
.ana-menu .ikon{ width: 14px; height: 14px; transition: transform var(--gecis); }
.ana-menu li:hover > button .ikon, .ana-menu li:focus-within > button .ikon{ transform: rotate(180deg); }
.alt-menu{
	position: absolute; top: calc(100% + 10px); left: 50%; min-width: 240px;
	list-style: none; margin: 0; padding: 10px; background: #fff; border-radius: var(--r);
	box-shadow: var(--golge-lg); border: 1px solid var(--cizgi);
	opacity: 0; visibility: hidden; transform: translate(-50%, 8px);
	transition: opacity var(--gecis), transform var(--gecis), visibility var(--gecis);
}
.alt-menu::before{ content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.ana-menu li:hover > .alt-menu, .ana-menu li:focus-within > .alt-menu{ opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.alt-menu a{ display: block; padding: 10px 14px; border-radius: var(--r-sm); color: var(--metin); font-weight: 500; font-size: .95rem; line-height: 1.35; }
.alt-menu a:hover{ background: var(--krem); color: var(--ana); }
.header-aksiyon{ display: flex; align-items: center; gap: 10px; }
.header-tel{ display: none; align-items: center; gap: 10px; font-weight: 700; color: var(--murekkep); }
.header-tel span.ikon-kutu{ width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--adacayi); color: var(--ana); }
.header-tel small{ display: block; font-size: .72rem; font-weight: 600; color: var(--soluk); letter-spacing: .04em; }
.header-teklif{ display: none; }
.menu-ac{ width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--ana); color: #fff; display: grid; place-items: center; cursor: pointer; }
.menu-ac .ikon{ width: 22px; height: 22px; }
@media (min-width: 640px){ .header-teklif{ display: inline-flex; } }
@media (min-width: 1100px){
	.ana-menu{ display: block; }
	.menu-ac{ display: none; }
}
@media (min-width: 1280px){ .header-tel{ display: inline-flex; } }

/* ---------- Mobil çekmece ---------- */
.cekmece-ortu{ position: fixed; inset: 0; background: rgba(10, 25, 15, .5); z-index: 90; opacity: 0; visibility: hidden; transition: opacity var(--gecis), visibility var(--gecis); }
.cekmece{
	position: fixed; top: 0; right: 0; bottom: 0; z-index: 95;
	width: min(88vw, 400px); background: var(--krem);
	transform: translateX(100%); transition: transform var(--gecis);
	display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain;
}
.menu-acik .cekmece{ transform: none; }
.menu-acik .cekmece-ortu{ opacity: 1; visibility: visible; }
.menu-acik{ overflow: hidden; }
.cekmece__ust{ display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--cizgi); }
.cekmece__ust .logo img{ height: 46px; }
.cekmece__kapat{ width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cizgi); background: #fff; display: grid; place-items: center; cursor: pointer; color: var(--murekkep); }
.cekmece nav{ padding: 10px 12px; }
.cekmece ul{ list-style: none; margin: 0; padding: 0; }
.cekmece nav > ul > li{ border-bottom: 1px solid var(--cizgi); }
.cekmece nav > ul > li > a, .cekmece summary{
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 10px; font: 600 1.05rem/1.2 var(--font-govde); color: var(--murekkep); cursor: pointer; list-style: none;
}
.cekmece summary::-webkit-details-marker{ display: none; }
.cekmece summary .ikon{ transition: transform var(--gecis); }
.cekmece details[open] summary .ikon{ transform: rotate(180deg); }
.cekmece details ul{ padding: 0 0 12px 10px; }
.cekmece details a{ display: block; padding: 10px 12px; color: var(--metin); border-radius: var(--r-sm); }
.cekmece details a:hover{ background: #fff; }
.cekmece__alt{ margin-top: auto; padding: 20px; display: grid; gap: 12px; background: var(--ana-koyu); color: rgba(255,255,255,.8); }
.cekmece__alt a.satir{ display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 600; }
.cekmece__alt .ikon{ color: var(--yaprak); }

/* ---------- Hero ---------- */
.hero{ position: relative; isolation: isolate; color: #fff; min-height: min(88vh, 860px); display: flex; align-items: flex-end; overflow: hidden; background: var(--ana-koyu); }
.hero__arka{ position: absolute; inset: 0; z-index: -2; }
.hero__slayt{ position: absolute; inset: 0; opacity: 0; transition: opacity 1.4s ease; }
.hero__slayt.aktif{ opacity: 1; }
.hero__slayt img, .hero__slayt .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 7s ease-out; }
.hero__slayt.aktif img{ transform: scale(1); }
.hero::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10,30,16,.35) 0%, rgba(10,30,16,.15) 35%, rgba(10,30,16,.85) 100%), linear-gradient(90deg, rgba(10,30,16,.6) 0%, rgba(10,30,16,0) 70%); }
.hero .kap{ padding-top: 120px; padding-bottom: clamp(48px, 8vw, 96px); }
.hero__icerik{ max-width: 780px; }
.hero__ust{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); font-size: .82rem; font-weight: 600; letter-spacing: .06em; backdrop-filter: blur(6px); margin-bottom: 22px; }
.hero__ust .ikon{ width: 16px; height: 16px; color: var(--yaprak); }
.hero h1{ color: #fff; font-weight: 400; margin-bottom: 20px; }
.hero h1 em{ font-style: italic; color: #cfe3b7; }
.hero__aciklama{ font-size: clamp(1rem, 1.6vw, 1.18rem); color: rgba(255,255,255,.86); max-width: 620px; margin-bottom: 32px; }
.hero__butonlar{ display: flex; flex-wrap: wrap; gap: 12px; }
.hero__alt{ display: flex; flex-wrap: wrap; gap: 14px 34px; margin-top: clamp(36px, 6vw, 64px); padding-top: 24px; border-top: 1px solid rgba(255,255,255,.18); }
.hero__alt div{ display: flex; align-items: baseline; gap: 10px; }
.hero__alt strong{ font-family: var(--font-baslik); font-size: clamp(1.8rem, 3.6vw, 2.5rem); font-weight: 400; color: #fff; line-height: 1; }
.hero__alt span{ font-size: .88rem; color: rgba(255,255,255,.72); max-width: 120px; line-height: 1.3; }
.hero__noktalar{ position: absolute; right: 96px; bottom: 28px; display: flex; gap: 8px; z-index: 2; }
.hero__noktalar button{ width: 34px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.35); cursor: pointer; transition: background var(--gecis), width var(--gecis); }
.hero__noktalar button.aktif{ background: #fff; width: 54px; }
@media (max-width: 640px){
	.hero{ min-height: 92svh; }
	.hero__butonlar .btn{ flex: 1 1 100%; }
	.hero__noktalar{ left: 20px; right: auto; bottom: 18px; }
}

/* ---------- Sayfa başlığı ---------- */
.sayfa-baslik{ position: relative; isolation: isolate; color: #fff; background: var(--ana-koyu); overflow: hidden; }
.sayfa-baslik__resim{ position: absolute; inset: 0; z-index: -2; }
.sayfa-baslik__resim img, .sayfa-baslik__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; }
.sayfa-baslik::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12,34,19,.92), rgba(12,34,19,.55)); }
.sayfa-baslik .kap{ padding-top: clamp(56px, 9vw, 110px); padding-bottom: clamp(48px, 7vw, 90px); }
.sayfa-baslik h1{ color: #fff; font-size: clamp(2.1rem, 5.4vw, 3.8rem); font-weight: 400; max-width: 900px; margin-bottom: 14px; }
.sayfa-baslik p{ max-width: 680px; color: rgba(255,255,255,.8); font-size: 1.08rem; margin: 0; }
.ekmek{ list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; padding: 0; font-size: .88rem; color: rgba(255,255,255,.7); }
.ekmek a{ color: rgba(255,255,255,.88); }
.ekmek a:hover{ color: #fff; }
.ekmek li + li::before{ content: "/"; margin-right: 8px; opacity: .5; }

/* ---------- Yer tutucu (resim yoksa) ---------- */
.yer-tutucu{
	display: grid; place-items: center; width: 100%; height: 100%; min-height: 160px;
	background: radial-gradient(circle at 30% 20%, rgba(127,166,90,.55), transparent 55%), radial-gradient(circle at 80% 90%, rgba(198,132,63,.35), transparent 50%), linear-gradient(135deg, var(--ana-acik), var(--ana-koyu));
	color: rgba(255,255,255,.4);
}
.yer-tutucu .ikon{ width: 48px; height: 48px; }

/* ---------- Izgara ---------- */
.izgara{ display: grid; gap: clamp(16px, 2.4vw, 28px); grid-template-columns: 1fr; }
@media (min-width: 600px){ .izgara--2, .izgara--3, .izgara--4{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px){ .izgara--3{ grid-template-columns: repeat(3, 1fr); } .izgara--4{ grid-template-columns: repeat(4, 1fr); } }
.izgara--urun{ grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px){ .izgara--urun{ grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px){ .izgara--urun{ grid-template-columns: repeat(4, 1fr); } }

/* ---------- Hizmet kartları ---------- */
.hizmet-kart{
	position: relative; display: flex; flex-direction: column; height: 100%;
	background: #fff; border-radius: var(--r-lg); overflow: hidden; color: var(--metin);
	border: 1px solid var(--cizgi); transition: transform var(--gecis), box-shadow var(--gecis);
}
.hizmet-kart:hover{ transform: translateY(-6px); box-shadow: var(--golge-lg); color: var(--metin); }
.hizmet-kart__ust{ position: relative; }
.hizmet-kart__resim{ aspect-ratio: 4 / 3; overflow: hidden; position: relative; }
.hizmet-kart__resim img, .hizmet-kart__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.hizmet-kart:hover .hizmet-kart__resim img{ transform: scale(1.06); }
.hizmet-kart__ikon{ position: absolute; left: 22px; bottom: -26px; width: 56px; height: 56px; border-radius: 18px; background: var(--vurgu); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 20px rgba(198,132,63,.35); z-index: 1; }
.hizmet-kart__ikon .ikon{ width: 26px; height: 26px; }
.hizmet-kart__govde{ padding: 42px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.hizmet-kart h3{ margin-bottom: 10px; }
.hizmet-kart p{ color: var(--soluk); font-size: .96rem; flex: 1; }
.hizmet-kart .metin-link{ margin-top: 6px; }

/* Neden biz */
.ozellik{ padding: 30px 26px; border-radius: var(--r-lg); background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); height: 100%; transition: background var(--gecis), transform var(--gecis); }
.ozellik:hover{ background: rgba(255,255,255,.08); transform: translateY(-4px); }
.ozellik__ikon{ width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: rgba(127,166,90,.18); color: var(--yaprak); margin-bottom: 22px; }
.ozellik__ikon .ikon{ width: 28px; height: 28px; }
.ozellik h3{ font-size: 1.3rem; }
.ozellik p{ margin: 0; font-size: .96rem; }

/* ---------- Hakkımızda ---------- */
.hakkinda{ display: grid; gap: clamp(36px, 6vw, 80px); align-items: center; }
@media (min-width: 992px){ .hakkinda{ grid-template-columns: 1.05fr 1fr; } }
.hakkinda__gorsel{ position: relative; }
.hakkinda__gorsel .ana-resim{ border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 4.4; }
.hakkinda__gorsel .ana-resim img, .hakkinda__gorsel .ana-resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; }
.hakkinda__rozet{ position: absolute; right: -6px; bottom: 28px; background: var(--vurgu); color: #fff; padding: 22px 24px; border-radius: var(--r); box-shadow: var(--golge-lg); max-width: 200px; }
.hakkinda__rozet strong{ display: block; font-family: var(--font-baslik); font-size: 2.6rem; line-height: 1; font-weight: 400; }
.hakkinda__rozet span{ font-size: .88rem; line-height: 1.35; display: block; margin-top: 6px; }
@media (min-width: 992px){ .hakkinda__rozet{ right: -28px; } }
.hakkinda__yaprak{ display: none; } @media (min-width: 768px){ .hakkinda__yaprak{ display: block; } }
.hakkinda__yaprak{ position: absolute; left: -18px; top: -18px; width: 90px; height: 90px; color: var(--yaprak); opacity: .5; }
.liste-onay{ list-style: none; padding: 0; margin: 26px 0 32px; display: grid; gap: 12px; }
@media (min-width: 600px){ .liste-onay{ grid-template-columns: 1fr 1fr; } }
.liste-onay li{ display: flex; gap: 12px; align-items: flex-start; font-weight: 600; color: var(--murekkep); line-height: 1.45; }
.liste-onay .ikon{ width: 24px; height: 24px; padding: 4px; border-radius: 50%; background: var(--adacayi); color: var(--ana); flex: none; }

/* ---------- Süreç ---------- */
.surec{ display: grid; gap: 18px; counter-reset: adim; }
@media (min-width: 640px){ .surec{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px){ .surec{ grid-template-columns: repeat(4, 1fr); } }
.surec__adim{ position: relative; padding: 30px 26px; background: #fff; border-radius: var(--r-lg); border: 1px solid var(--cizgi); }
.surec__adim::before{ counter-increment: adim; content: "0" counter(adim); display: block; font-family: var(--font-baslik); font-size: 3rem; line-height: 1; color: var(--adacayi); margin-bottom: 18px; font-weight: 500; -webkit-text-stroke: 1px var(--ana-acik); color: transparent; }
.surec__adim h3{ font-size: 1.25rem; }
.surec__adim p{ margin: 0; color: var(--soluk); font-size: .95rem; }

/* ---------- İstatistik ---------- */
.istatistik{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(255,255,255,.12); border-radius: var(--r-lg); overflow: hidden; }
@media (min-width: 992px){ .istatistik{ grid-template-columns: repeat(4, 1fr); } }
.istatistik__kutu{ background: var(--ana); padding: clamp(26px, 4vw, 44px) clamp(18px, 3vw, 32px); }
.istatistik__kutu strong{ display: block; font-family: var(--font-baslik); font-weight: 400; font-size: clamp(2.4rem, 5vw, 3.6rem); line-height: 1; color: #fff; margin-bottom: 10px; }
.istatistik__kutu strong sup{ font-size: .5em; color: var(--vurgu); top: -.7em; }
.istatistik__kutu > span{ color: rgba(255,255,255,.75); font-size: .95rem; }

/* ---------- Ürün kartları ---------- */
.urun-kart{ display: block; color: var(--metin); }
.urun-kart__resim{ position: relative; aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; background: var(--kum); }
.urun-kart__resim img, .urun-kart__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.urun-kart:hover .urun-kart__resim img{ transform: scale(1.06); }
.urun-kart__etiket{ position: absolute; left: 12px; top: 12px; background: rgba(255,255,255,.92); color: var(--ana); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; }
.urun-kart__git{ position: absolute; right: 12px; bottom: 12px; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: var(--ana); display: grid; place-items: center; transform: translateY(8px); opacity: 0; transition: var(--gecis); }
.urun-kart:hover .urun-kart__git{ transform: none; opacity: 1; }
.urun-kart h3{ font-size: clamp(1.02rem, 1.8vw, 1.2rem); margin: 14px 0 4px; transition: color var(--gecis); }
.urun-kart:hover h3{ color: var(--ana-acik); }
.urun-kart p{ font-size: .88rem; color: var(--soluk); margin: 0; }
@media (hover: none){ .urun-kart__git{ opacity: 1; transform: none; } }

/* ---------- Kaydırmalı şerit (carousel) ---------- */
.serit{ position: relative; }
.serit__iz{ display: grid; grid-auto-flow: column; grid-auto-columns: 82%; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 20px 8px; margin: 0 -20px; scroll-padding: 0 20px; }
.serit__iz::-webkit-scrollbar{ display: none; }
.serit__iz > *{ scroll-snap-align: start; }
@media (min-width: 640px){ .serit__iz{ grid-auto-columns: 46%; } }
@media (min-width: 992px){ .serit__iz{ grid-auto-columns: calc((100% - 36px) / 3); margin: 0; padding: 4px 0 8px; scroll-padding: 0; } }
.serit--dort .serit__iz{ grid-auto-columns: 62%; }
@media (min-width: 640px){ .serit--dort .serit__iz{ grid-auto-columns: 40%; } }
@media (min-width: 992px){ .serit--dort .serit__iz{ grid-auto-columns: calc((100% - 54px) / 4); } }
.serit__oklar{ display: flex; gap: 10px; }
.serit__oklar button{ width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--cizgi); background: #fff; color: var(--murekkep); display: grid; place-items: center; cursor: pointer; transition: var(--gecis); }
.serit__oklar button:hover:not(:disabled){ background: var(--ana); border-color: var(--ana); color: #fff; }
.serit__oklar button:disabled{ opacity: .35; cursor: default; }
.bolum--koyu .serit__oklar button{ background: transparent; color: #fff; border-color: rgba(255,255,255,.25); }

/* ---------- Galeri ---------- */
.galeri{ columns: 2; column-gap: 12px; }
@media (min-width: 768px){ .galeri{ columns: 3; column-gap: 18px; } }
@media (min-width: 1200px){ .galeri--genis{ columns: 4; } }
.galeri__oge{ display: block; position: relative; margin-bottom: 12px; border-radius: var(--r); overflow: hidden; break-inside: avoid; cursor: zoom-in; background: var(--kum); }
@media (min-width: 768px){ .galeri__oge{ margin-bottom: 18px; } }
.galeri__oge img{ width: 100%; transition: transform .8s ease, filter .5s; }
.galeri__oge::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(10,30,16,.7)); opacity: 0; transition: opacity var(--gecis); }
.galeri__oge:hover img{ transform: scale(1.05); }
.galeri__oge:hover::after{ opacity: 1; }
.galeri__oge .ikon{ position: absolute; right: 14px; bottom: 14px; z-index: 1; width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: #fff; color: var(--ana); opacity: 0; transform: scale(.8); transition: var(--gecis); }
.galeri__oge:hover .ikon{ opacity: 1; transform: none; }
.galeri__oge .yer-tutucu{ aspect-ratio: 4/3; }

/* Ana sayfa galeri mozaik */
.mozaik{ display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; }
.mozaik .galeri__oge{ margin: 0; height: 100%; }
.mozaik .galeri__oge img, .mozaik .galeri__oge .yer-tutucu{ height: 100%; object-fit: cover; aspect-ratio: auto; }
.mozaik .galeri__oge:first-child{ grid-column: span 2; grid-row: span 2; }
@media (min-width: 768px){
	.mozaik{ grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: 18px; }
	.mozaik .galeri__oge:nth-child(4){ grid-row: span 2; }
}

/* Lightbox */
.isik-kutu{ position: fixed; inset: 0; z-index: 200; background: rgba(8, 18, 11, .94); display: none; align-items: center; justify-content: center; padding: 60px 16px; }
.isik-kutu.acik{ display: flex; }
.isik-kutu img{ max-height: 86vh; max-width: min(1200px, 100%); border-radius: var(--r-sm); object-fit: contain; box-shadow: 0 30px 80px rgba(0,0,0,.5); }
.isik-kutu button{ position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; display: grid; place-items: center; cursor: pointer; }
.isik-kutu button:hover{ background: rgba(255,255,255,.2); }
.isik-kutu .kapat{ top: 16px; right: 16px; }
.isik-kutu .onceki{ left: 16px; top: 50%; transform: translateY(-50%); }
.isik-kutu .sonraki{ right: 16px; top: 50%; transform: translateY(-50%); }
.isik-kutu__sayac{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.7); font-size: .9rem; }
@media (max-width: 640px){ .isik-kutu .onceki, .isik-kutu .sonraki{ top: auto; bottom: 12px; transform: none; } }

/* ---------- Yorumlar ---------- */
.yorum-kart{ height: 100%; display: flex; flex-direction: column; padding: clamp(26px, 3vw, 36px); background: #fff; border-radius: var(--r-lg); border: 1px solid var(--cizgi); }
.yorum-kart__yildiz{ display: flex; gap: 3px; color: var(--vurgu); margin-bottom: 18px; }
.yorum-kart__yildiz .ikon{ width: 18px; height: 18px; fill: currentColor; }
.yorum-kart blockquote{ margin: 0 0 24px; font-family: var(--font-baslik); font-size: 1.12rem; line-height: 1.55; color: var(--murekkep); flex: 1; }
.yorum-kart__kisi{ display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid var(--cizgi); }
.yorum-kart__kisi .avatar{ width: 52px; height: 52px; border-radius: 50%; overflow: hidden; flex: none; }
.yorum-kart__kisi .avatar img, .yorum-kart__kisi .avatar .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; min-height: 0; }
.yorum-kart__kisi .avatar .yer-tutucu .ikon{ width: 22px; height: 22px; }
.yorum-kart__kisi strong{ display: block; color: var(--murekkep); }
.yorum-kart__kisi span{ font-size: .85rem; color: var(--soluk); }

/* ---------- Blog ---------- */
.blog-kart{ display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--cizgi); color: var(--metin); transition: transform var(--gecis), box-shadow var(--gecis); }
.blog-kart:hover{ transform: translateY(-5px); box-shadow: var(--golge-lg); color: var(--metin); }
.blog-kart__resim{ aspect-ratio: 16 / 10; overflow: hidden; }
.blog-kart__resim img, .blog-kart__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.blog-kart:hover .blog-kart__resim img{ transform: scale(1.05); }
.blog-kart__govde{ padding: 24px; display: flex; flex-direction: column; flex: 1; }
.blog-kart__tarih{ display: inline-flex; align-items: center; gap: 8px; font-size: .82rem; font-weight: 600; color: var(--soluk); margin-bottom: 10px; }
.blog-kart__tarih .ikon{ width: 15px; height: 15px; color: var(--vurgu); }
.blog-kart h3{ font-size: 1.3rem; }
.blog-kart p{ font-size: .95rem; color: var(--soluk); flex: 1; }

/* ---------- CTA ---------- */
.cta{ position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r-lg); padding: clamp(40px, 7vw, 84px) clamp(24px, 6vw, 72px); color: #fff; background: var(--ana); }
.cta__resim{ position: absolute; inset: 0; z-index: -2; }
.cta__resim img, .cta__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; }
.cta::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(20,50,30,.95) 20%, rgba(20,50,30,.55)); }
.cta h2{ color: #fff; max-width: 700px; font-weight: 400; }
.cta p{ max-width: 560px; color: rgba(255,255,255,.82); font-size: 1.08rem; margin-bottom: 28px; }
.cta__butonlar{ display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Formlar ---------- */
.form-kart{ background: #fff; border-radius: var(--r-lg); padding: clamp(24px, 4vw, 44px); box-shadow: var(--golge); border: 1px solid var(--cizgi); }
.form-kart h3{ font-size: 1.6rem; }
.form-izgara{ display: grid; gap: 14px; }
@media (min-width: 640px){ .form-izgara{ grid-template-columns: 1fr 1fr; } .form-izgara .tam{ grid-column: 1 / -1; } }
.alan label{ display: block; font-size: .85rem; font-weight: 700; color: var(--murekkep); margin-bottom: 6px; }
.alan input, .alan textarea, .alan select{
	width: 100%; min-height: 52px; padding: 14px 16px;
	font: 500 1rem/1.4 var(--font-govde); color: var(--murekkep);
	background: var(--krem); border: 1.5px solid transparent; border-radius: var(--r-sm);
	transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis);
	-webkit-appearance: none; appearance: none;
}
.alan select{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f4a2c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; }
.alan textarea{ min-height: 140px; resize: vertical; }
.alan input:focus, .alan textarea:focus, .alan select:focus{ outline: none; border-color: var(--ana-acik); background: #fff; box-shadow: 0 0 0 4px rgba(47,106,64,.12); }
.alan--bal{ position: absolute; left: -9999px; }
.form-not{ font-size: .82rem; color: var(--soluk); margin: 12px 0 0; }

.uyari{ display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: var(--r-sm); font-weight: 600; margin-bottom: 18px; }
.uyari--basarili{ background: #e4f1dc; color: #255b2f; }
.uyari--hata{ background: #f8e3dc; color: #8a3417; }

/* ---------- İletişim ---------- */
.iletisim-izgara{ display: grid; gap: clamp(28px, 4vw, 48px); }
@media (min-width: 992px){ .iletisim-izgara{ grid-template-columns: .9fr 1.1fr; } }
.iletisim-kutu{ display: flex; gap: 16px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
.iletisim-kutu:last-child{ border-bottom: 0; }
.iletisim-kutu__ikon{ width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: var(--adacayi); color: var(--ana); flex: none; }
.iletisim-kutu small{ display: block; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); margin-bottom: 4px; }
.iletisim-kutu a, .iletisim-kutu p{ display: block; margin: 0; font-weight: 600; color: var(--murekkep); font-size: 1.05rem; line-height: 1.5; word-break: break-word; }
.iletisim-kutu a:hover{ color: var(--vurgu); }
.harita{ border-radius: var(--r-lg); overflow: hidden; line-height: 0; background: var(--kum); }
.harita iframe{ width: 100% !important; height: clamp(320px, 45vw, 460px) !important; border: 0; filter: saturate(.8); }

/* ---------- İçerik (CKEditor çıktıları) ---------- */
.icerik{ font-size: 1.05rem; color: var(--metin); overflow-wrap: anywhere; }
.icerik h2, .icerik h3, .icerik h4{ margin: 1.6em 0 .6em; }
.icerik h2{ font-size: clamp(1.6rem, 3vw, 2.1rem); }
.icerik img{ border-radius: var(--r); margin: 1.4em 0; height: auto !important; }
.icerik ul, .icerik ol{ padding-left: 1.3em; margin: 0 0 1.2em; }
.icerik li{ margin-bottom: .4em; }
.icerik li::marker{ color: var(--vurgu); }
.icerik blockquote{ margin: 1.6em 0; padding: 18px 24px; border-left: 4px solid var(--vurgu); background: var(--krem); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-family: var(--font-baslik); font-size: 1.15rem; }
.icerik table{ width: 100%; border-collapse: collapse; margin: 1.4em 0; display: block; overflow-x: auto; }
.icerik td, .icerik th{ border: 1px solid var(--cizgi); padding: 10px 12px; }
.icerik a{ text-decoration: underline; text-underline-offset: 3px; }
.icerik iframe{ width: 100%; aspect-ratio: 16/9; height: auto; border: 0; border-radius: var(--r); }

/* Detay düzeni */
.detay{ display: grid; gap: clamp(32px, 5vw, 64px); }
@media (min-width: 992px){ .detay{ grid-template-columns: minmax(0, 1fr) 360px; align-items: start; } }
.detay__resim{ border-radius: var(--r-lg); overflow: hidden; margin-bottom: 32px; aspect-ratio: 16 / 9; }
.detay__resim img, .detay__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; }
.yan{ display: grid; gap: 22px; }
@media (min-width: 992px){ .yan{ position: sticky; top: calc(var(--header-h) + 20px); } }
.yan-kutu{ background: #fff; border-radius: var(--r-lg); padding: 26px; border: 1px solid var(--cizgi); }
.yan-kutu h3{ font-size: 1.25rem; margin-bottom: 16px; }
.yan-liste{ list-style: none; margin: 0; padding: 0; }
.yan-liste a{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); font-weight: 600; }
.yan-liste li:last-child a{ border-bottom: 0; }
.yan-liste a:hover, .yan-liste a.aktif{ color: var(--vurgu); }
.yan-liste .ikon{ width: 16px; height: 16px; color: var(--soluk); }
.yan-kutu--koyu{ background: var(--ana); color: rgba(255,255,255,.8); border: 0; }
.yan-kutu--koyu h3{ color: #fff; }
.yan-kutu--koyu .btn{ margin-top: 10px; }
.mini-yazi{ display: flex; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); }
.mini-yazi:last-child{ border-bottom: 0; }
.mini-yazi__resim{ width: 76px; height: 64px; border-radius: 12px; overflow: hidden; flex: none; }
.mini-yazi__resim img, .mini-yazi__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; min-height: 0; }
.mini-yazi__resim .yer-tutucu .ikon{ width: 22px; height: 22px; }
.mini-yazi strong{ display: block; font-size: .96rem; line-height: 1.35; }
.mini-yazi small{ color: var(--soluk); }

/* Ürün detay */
.urun-detay{ display: grid; gap: clamp(28px, 5vw, 64px); align-items: start; }
@media (min-width: 992px){ .urun-detay{ grid-template-columns: 1fr 1fr; } }
.urun-detay__resim{ border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 1; background: var(--kum); }
.urun-detay__resim img, .urun-detay__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; }
.urun-detay__kucukler{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.urun-detay__kucukler a{ border-radius: var(--r-sm); overflow: hidden; aspect-ratio: 1; }
.urun-detay__kucukler img{ width: 100%; height: 100%; object-fit: cover; }
.urun-detay h1{ font-size: clamp(2rem, 4.4vw, 3.2rem); }
.etiketler{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.etiket{ display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: var(--adacayi); color: var(--ana); font-size: .82rem; font-weight: 700; }
.etiket .ikon{ width: 14px; height: 14px; }
.aksiyon-kutu{ display: grid; gap: 10px; margin: 28px 0; padding: 24px; background: #fff; border-radius: var(--r-lg); border: 1px solid var(--cizgi); }
@media (min-width: 500px){ .aksiyon-kutu{ grid-template-columns: 1fr 1fr; } }
.aksiyon-kutu p{ grid-column: 1 / -1; margin: 0 0 6px; font-weight: 600; color: var(--murekkep); }

/* Filtre */
.filtre{ display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; margin-bottom: 32px; }
.filtre::-webkit-scrollbar{ display: none; }
.filtre button, .filtre a{ flex: none; min-height: 42px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--cizgi); background: #fff; font: 600 .9rem/1 var(--font-govde); color: var(--metin); cursor: pointer; display: inline-flex; align-items: center; transition: var(--gecis); }
.filtre button:hover, .filtre a:hover{ border-color: var(--ana); color: var(--ana); }
.filtre .aktif{ background: var(--ana); border-color: var(--ana); color: #fff !important; }
[data-filtre-oge].sakli{ display: none; }

/* SSS */
.sss{ display: grid; gap: 12px; }
.sss details{ background: #fff; border-radius: var(--r); border: 1px solid var(--cizgi); transition: box-shadow var(--gecis); }
.sss details[open]{ box-shadow: var(--golge); }
.sss summary{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; cursor: pointer; list-style: none; font-weight: 700; color: var(--murekkep); font-size: 1.04rem; }
.sss summary::-webkit-details-marker{ display: none; }
.sss summary .ikon{ width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--krem); color: var(--ana); transition: transform var(--gecis), background var(--gecis); }
.sss details[open] summary .ikon{ transform: rotate(45deg); background: var(--ana); color: #fff; }
.sss .icerik{ padding: 0 24px 20px; font-size: 1rem; }

/* Ekip */
.ekip-kart{ display: block; color: var(--metin); text-align: center; }
.ekip-kart__resim{ aspect-ratio: 4/5; border-radius: var(--r-lg); overflow: hidden; margin-bottom: 18px; background: var(--kum); }
.ekip-kart__resim img, .ekip-kart__resim .yer-tutucu{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.ekip-kart:hover .ekip-kart__resim img{ transform: scale(1.05); }
.ekip-kart h3{ margin-bottom: 4px; }
.ekip-kart span{ color: var(--soluk); font-size: .92rem; }

/* Video */
.video-kart{ border-radius: var(--r-lg); overflow: hidden; background: #000; aspect-ratio: 9 / 16; position: relative; }
.video-kart video, .video-kart iframe{ width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
.video-kart--yatay{ aspect-ratio: 16 / 9; }
.video-baslik{ margin-top: 12px; font-weight: 700; color: var(--murekkep); }

/* Logo / referans */
.logo-izgara{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 768px){ .logo-izgara{ grid-template-columns: repeat(4, 1fr); } }
.logo-kutu{ display: grid; place-items: center; padding: 26px; background: #fff; border-radius: var(--r); border: 1px solid var(--cizgi); min-height: 130px; text-align: center; }
.logo-kutu img{ max-height: 70px; width: auto; filter: grayscale(1); opacity: .75; transition: var(--gecis); }
.logo-kutu:hover img{ filter: none; opacity: 1; }

/* Sayfalama */
.sayfalama{ display: flex; justify-content: center; gap: 8px; margin-top: 48px; flex-wrap: wrap; }
.sayfalama a, .sayfalama span{ min-width: 46px; height: 46px; padding: 0 12px; border-radius: 999px; display: grid; place-items: center; background: #fff; border: 1px solid var(--cizgi); font-weight: 700; color: var(--murekkep); }
.sayfalama .aktif{ background: var(--ana); border-color: var(--ana); color: #fff; }

/* Bölge etiketleri */
.bolge-bulut{ display: flex; flex-wrap: wrap; gap: 10px; }
.bolge-bulut a, .bolge-bulut span{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); font-weight: 600; font-size: .92rem; }
.bolge-bulut a:hover{ border-color: var(--ana); color: var(--ana); }
.bolge-bulut .ikon{ width: 16px; height: 16px; color: var(--vurgu); }

/* Boş durum */
.bos{ text-align: center; padding: 60px 20px; border: 2px dashed var(--cizgi); border-radius: var(--r-lg); color: var(--soluk); }
.bos .ikon{ width: 46px; height: 46px; color: var(--yaprak); margin-bottom: 10px; }

/* 404 */
.hata-sayfa{ text-align: center; padding: clamp(60px, 10vw, 140px) 0; }
.hata-sayfa strong{ display: block; font-family: var(--font-baslik); font-size: clamp(6rem, 22vw, 12rem); line-height: 1; color: var(--ana); font-weight: 300; }

/* ---------- Footer ---------- */
.site-footer{ background: var(--ana-koyu); color: rgba(255,255,255,.7); padding-top: clamp(56px, 8vw, 96px); position: relative; overflow: hidden; }
.site-footer::before{ content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(127,166,90,.18), transparent 70%); pointer-events: none; }
.site-footer a{ color: rgba(255,255,255,.75); }
.site-footer a:hover{ color: #fff; }
.footer-ust{ display: grid; gap: 40px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.1); }
@media (min-width: 768px){ .footer-ust{ grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px){ .footer-ust{ grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.footer-marka .logo img{ background: #fff; padding: 6px; border-radius: 12px; height: 64px; }
.footer-marka p{ margin: 20px 0 22px; max-width: 360px; }
.site-footer h3{ font-family: var(--font-govde); font-size: .82rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #fff; margin-bottom: 20px; }
.footer-liste{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.footer-liste a{ display: inline-flex; align-items: center; gap: 8px; }
.footer-iletisim{ display: grid; gap: 16px; }
.footer-iletisim div{ display: flex; gap: 12px; align-items: flex-start; }
.footer-iletisim .ikon{ color: var(--yaprak); margin-top: 3px; }
.footer-bulten{ display: flex; gap: 8px; margin-top: 18px; padding: 6px; background: rgba(255,255,255,.06); border-radius: 999px; border: 1px solid rgba(255,255,255,.12); }
.footer-bulten input{ flex: 1; min-width: 0; background: transparent; border: 0; padding: 0 14px; color: #fff; font: 500 .95rem var(--font-govde); }
.footer-bulten input::placeholder{ color: rgba(255,255,255,.5); }
.footer-bulten input:focus{ outline: none; }
.footer-bulten button{ width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--vurgu); color: #fff; display: grid; place-items: center; cursor: pointer; flex: none; }
.footer-alt{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 24px 0; font-size: .88rem; }
.footer-alt nav{ display: flex; gap: 18px; flex-wrap: wrap; }
.footer-buyuk{ font-family: var(--font-baslik); font-size: clamp(3rem, 13vw, 11rem); line-height: .9; color: rgba(255,255,255,.05); white-space: nowrap; text-align: center; margin: 0 0 -.12em; user-select: none; pointer-events: none; }

/* ---------- Mobil alt aksiyon çubuğu ---------- */
.mobil-bar{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-top: 1px solid var(--cizgi); box-shadow: 0 -8px 24px rgba(20,50,30,.08); padding-bottom: env(safe-area-inset-bottom); }
.mobil-bar a{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 10px 4px; font-size: .74rem; font-weight: 700; color: var(--murekkep); min-height: 62px; }
.mobil-bar a .ikon{ width: 22px; height: 22px; color: var(--ana); }
.mobil-bar a.wp .ikon{ color: #1fa855; }
.mobil-bar a.teklif{ background: var(--ana); color: #fff; }
.mobil-bar a.teklif .ikon{ color: #fff; }
body{ padding-bottom: 62px; }
@media (min-width: 992px){ .mobil-bar{ display: none; } body{ padding-bottom: 0; } }

.yukari{ position: fixed; right: 18px; bottom: 80px; z-index: 55; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--ana); color: #fff; display: grid; place-items: center; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: var(--gecis); box-shadow: var(--golge); }
.yukari.goster{ opacity: 1; visibility: visible; transform: none; }
.wp-sabit{ position: fixed; right: 18px; bottom: 24px; z-index: 55; width: 58px; height: 58px; border-radius: 50%; background: #25d366; color: #fff; display: none; place-items: center; box-shadow: 0 10px 24px rgba(37,211,102,.4); transition: transform var(--gecis); }
.wp-sabit:hover{ color: #fff; transform: scale(1.06); }
.wp-sabit .ikon{ width: 28px; height: 28px; }
@media (min-width: 992px){ .wp-sabit{ display: grid; } .yukari{ bottom: 94px; } }

/* ---------- Görünme animasyonu ---------- */
.js .gorun{ opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.js .gorun.goruldu{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){
	*, *::before, *::after{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.js .gorun{ opacity: 1; transform: none; }
}

/* Yardımcılar */
.metin-orta{ text-align: center; }
.mt-0{ margin-top: 0; } .mb-0{ margin-bottom: 0; }
.mt-40{ margin-top: 40px; }
.buton-grup{ display: flex; flex-wrap: wrap; gap: 12px; }
.soluk{ color: var(--soluk); }

/* Az içerikli ızgaralar */
.hizmet-kart--cta{ background: var(--ana); border-color: var(--ana); color: rgba(255,255,255,.8); justify-content: flex-end; padding: 32px 28px; min-height: 320px; background-image: radial-gradient(circle at 85% 10%, rgba(127,166,90,.45), transparent 55%); }
.hizmet-kart--cta:hover{ color: rgba(255,255,255,.9); }
.hizmet-kart--cta h3{ color: #fff; font-size: 1.6rem; }
.hizmet-kart--cta p{ flex: 0; margin-bottom: 20px; color: rgba(255,255,255,.78); }
.hizmet-kart--cta .ikon-buyuk{ width: 56px; height: 56px; color: var(--yaprak); margin-bottom: auto; }
.hizmet-kart--cta .metin-link{ color: #fff; }
@media (min-width: 992px){ .hizmet-kart--cta.genis{ grid-column: span 2; } }
@media (min-width: 768px){
	.izgara > .blog-kart:only-child{ grid-column: 1 / -1; flex-direction: row; }
	.izgara > .blog-kart:only-child .blog-kart__resim{ flex: 0 0 52%; aspect-ratio: auto; min-height: 340px; }
	.izgara > .blog-kart:only-child .blog-kart__govde{ padding: clamp(28px, 4vw, 52px); justify-content: center; }
	.izgara > .blog-kart:only-child h3, .izgara > .blog-kart:only-child h2{ font-size: clamp(1.6rem, 2.6vw, 2.2rem) !important; }
}
@media (max-width: 767px){ .mozaik .galeri__oge:nth-child(8){ display: none; } }