/*
Theme Name: CSG İnci
Theme URI: https://csgbazaar.com
Author: CSG Bazaar
Description: Toptan inci boncuk üreticisi için hazırlanmış, SEO odaklı kurumsal tema. Etkinleştirildiğinde sayfaları, menüyü ve blog yazılarını otomatik oluşturur.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: csg-inci
*/

@font-face {
	font-family: "Bodoni Moda";
	src: url("assets/fonts/bodoni-moda.woff") format("woff");
	font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Public Sans";
	src: url("assets/fonts/public-sans.woff") format("woff");
	font-weight: 100 900; font-style: normal; font-display: swap;
}

/* ------------------------------------------------------------------
   Belirteçler
   ------------------------------------------------------------------ */
:root {
	--deniz: #12324a;
	--deniz-2: #1d4a66;
	--deniz-acik: #dbe6ee;
	--murekkep: #1b2530;
	--istiridye: #5b6875;
	--cizgi: #dce2e6;
	--zemin: #ffffff;
	--sedef: #f3f5f6;
	--sedef-pembe: #f7f0ef;
	--parilti: #e3cfcb;
	--wa: #1a7f46;

	--serif: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
	--sans: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

	--kap: 1180px;
	--dar: 740px;
	--yuvarlak: 8px;
}

*,
*::before,
*::after { box-sizing: border-box; }

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

body {
	margin: 0;
	font-family: var(--sans);
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--murekkep);
	background: var(--zemin);
	-webkit-font-smoothing: antialiased;
}

img, iframe { max-width: 100%; height: auto; display: block; }
a { color: var(--deniz); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--deniz-2); text-decoration-thickness: 2px; }

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

h1, h2, h3, h4 { color: var(--deniz); margin: 0 0 .5em; }

.ekran-okuyucu {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.atla { position: absolute; left: -999px; top: 0; z-index: 100; background: var(--deniz); color: #fff; padding: .6rem 1rem; }
.atla:focus { left: 1rem; top: 1rem; color: #fff; }

.kap { max-width: var(--kap); margin-inline: auto; padding-inline: 20px; }
.kap--dar { max-width: calc(var(--dar) + 40px); }
.kap--orta { max-width: 1000px; }

/* ------------------------------------------------------------------
   İnci (CSS ile çizilir, tüm sitede kullanılır)
   ------------------------------------------------------------------ */
.inci {
	--o: 7;
	--d: calc(var(--mm) * var(--o) * 1px);
	--a: #fffdf7; --b: #f2e8d5; --c: #c9b594;
	display: inline-block;
	flex: none;
	width: var(--d);
	height: var(--d);
	border-radius: 50%;
	background:
		radial-gradient(circle at 33% 28%, rgba(255,255,255,.95) 0 6%, rgba(255,255,255,0) 24%),
		radial-gradient(circle at 64% 74%, rgba(227,207,203,.6) 0 14%, rgba(227,207,203,0) 38%),
		radial-gradient(circle at 42% 38%, var(--a) 0, var(--b) 48%, var(--c) 100%);
	box-shadow:
		inset calc(var(--d) * -.07) calc(var(--d) * -.09) calc(var(--d) * .16) rgba(70, 50, 20, .16),
		0 calc(var(--d) * .1) calc(var(--d) * .2) rgba(18, 50, 74, .16);
}
.inci--beyaz { --a: #ffffff; --b: #f1f3f5; --c: #b9c2ca; }
.inci--pembe { --a: #fff6f4; --b: #ecc9c4; --c: #b98d88; }
.inci--gri { --a: #f4f6f8; --b: #b6bec7; --c: #6f7a86; }
.inci--altin { --a: #fff8e6; --b: #e2c37f; --c: #a7823b; }
.inci--siyah { --a: #8a96a3; --b: #35404c; --c: #12181f; }
.inci--siyah { background:
	radial-gradient(circle at 33% 28%, rgba(255,255,255,.7) 0 6%, rgba(255,255,255,0) 24%),
	radial-gradient(circle at 42% 38%, var(--a) 0, var(--b) 48%, var(--c) 100%); }

/* ------------------------------------------------------------------
   Düğmeler
   ------------------------------------------------------------------ */
.dugme {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .85rem 1.6rem;
	border-radius: 999px;
	font: 600 1rem/1.2 var(--sans);
	text-decoration: none;
	border: 1.5px solid var(--deniz);
	cursor: pointer;
	transition: background-color .15s, color .15s;
}
.dugme--ana { background: var(--deniz); color: #fff; }
.dugme--ana:hover { background: var(--deniz-2); border-color: var(--deniz-2); color: #fff; }
.dugme--cizgi { background: transparent; color: var(--deniz); }
.dugme--cizgi:hover { background: var(--deniz); color: #fff; }
.dugme--kucuk { padding: .6rem 1.15rem; font-size: .9375rem; }

.metin-baglanti { font-weight: 600; }

/* ------------------------------------------------------------------
   Üst bölüm
   ------------------------------------------------------------------ */
.ust {
	position: sticky; top: 0; z-index: 50;
	background: rgba(255,255,255,.96);
	backdrop-filter: saturate(1.4) blur(8px);
	border-bottom: 1px solid var(--cizgi);
}
.admin-bar .ust { top: 32px; }
@media (max-width: 782px) { .admin-bar .ust { top: 0; } }

.ust__ic { display: flex; align-items: center; gap: 1.5rem; min-height: 76px; }

.marka { display: flex; align-items: center; gap: .7rem; text-decoration: none; margin-right: auto; }
.marka:hover { text-decoration: none; }
.marka__metin { display: flex; flex-direction: column; line-height: 1.1; }
.marka__ad { font: 600 1.45rem/1.05 var(--serif); color: var(--deniz); }
.marka__alt { font-size: .8125rem; color: var(--istiridye); margin-top: .2rem; }
.custom-logo-link { margin-right: auto; }
.custom-logo { max-height: 56px; width: auto; }

.ana-nav { display: flex; align-items: center; gap: 1.75rem; }
.ana-nav .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.4rem; }
.ana-nav .menu a { color: var(--murekkep); font-weight: 500; font-size: .96875rem; text-decoration: none; padding: .3rem 0; border-bottom: 1.5px solid transparent; }
.ana-nav .menu a:hover,
.ana-nav .current-menu-item > a,
.ana-nav .current_page_item > a { color: var(--deniz); border-bottom-color: var(--deniz); }
.ana-nav .sub-menu { display: none; }
.ust__eylem { display: flex; align-items: center; gap: 1rem; }
.ust__tel { font-weight: 600; text-decoration: none; white-space: nowrap; }

.menu-dugme { display: none; }

@media (max-width: 1060px) {
	.menu-dugme {
		display: inline-flex; align-items: center; justify-content: center;
		width: 46px; height: 46px; border: 1px solid var(--cizgi); border-radius: 50%;
		background: #fff; cursor: pointer;
	}
	.menu-dugme__cizgi, .menu-dugme__cizgi::before, .menu-dugme__cizgi::after {
		display: block; width: 18px; height: 1.5px; background: var(--deniz); position: relative; transition: transform .2s;
	}
	.menu-dugme__cizgi::before, .menu-dugme__cizgi::after { content: ""; position: absolute; left: 0; }
	.menu-dugme__cizgi::before { top: -6px; }
	.menu-dugme__cizgi::after { top: 6px; }
	.menu-acik .menu-dugme__cizgi { background: transparent; }
	.menu-acik .menu-dugme__cizgi::before { transform: translateY(6px) rotate(45deg); }
	.menu-acik .menu-dugme__cizgi::after { transform: translateY(-6px) rotate(-45deg); }

	.ana-nav {
		display: none;
		position: absolute; left: 0; right: 0; top: 100%;
		flex-direction: column; align-items: stretch; gap: 0;
		background: #fff; border-bottom: 1px solid var(--cizgi);
		padding: .5rem 20px 1.5rem;
		box-shadow: 0 18px 30px -20px rgba(18,50,74,.35);
	}
	.menu-acik .ana-nav { display: flex; }
	.ana-nav .menu { flex-direction: column; gap: 0; }
	.ana-nav .menu a { display: block; padding: .9rem 0; border-bottom: 1px solid var(--cizgi); font-size: 1.0625rem; }
	.ust__eylem { flex-direction: column; align-items: stretch; margin-top: 1.25rem; }
	.ust__tel { text-align: center; padding: .4rem; }
}

/* ------------------------------------------------------------------
   Giriş (hero) ve inci cetveli
   ------------------------------------------------------------------ */
.giris {
	background: linear-gradient(180deg, #fff 0%, var(--sedef) 100%);
	padding: clamp(3rem, 7vw, 6rem) 0 0;
	overflow: hidden;
}
.giris__baslik {
	font: 500 clamp(2.5rem, 6vw, 4.7rem)/1.04 var(--serif);
	letter-spacing: -.015em;
	max-width: 19ch;
	margin-bottom: .45em;
}
.giris__ozet { font-size: clamp(1.0625rem, 1.6vw, 1.2rem); max-width: 56ch; color: #33404c; margin: 0 0 2rem; }
.giris__eylem { display: flex; flex-wrap: wrap; gap: .75rem; }

.cetvel { margin: clamp(3rem, 6vw, 4.5rem) 0 0; padding-bottom: 2.5rem; }
.cetvel__dizi {
	--co: 7;
	--yuk: calc(14 * var(--co) * 1px + 16px);
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(6, auto); justify-content: space-between; align-items: start;
	position: relative;
}
/* inci dizisinin ipi */
.cetvel__dizi::before {
	content: ""; position: absolute; left: -20px; right: -20px;
	top: calc(var(--yuk) / 2);
	height: 1px; background: linear-gradient(90deg, transparent, #b8a99c 8%, #b8a99c 92%, transparent);
}
.cetvel__inci { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.cetvel__dizi .inci { --o: var(--co) !important; }
.cetvel__inci > .inci { margin-block: calc((var(--yuk) - var(--d)) / 2); }
.cetvel__mm { font: 600 1.35rem/1 var(--serif); color: var(--deniz); margin-top: .9rem; }
.cetvel__adet { font-size: .875rem; color: var(--istiridye); margin-top: .35rem; white-space: nowrap; }
.cetvel figcaption { margin-top: 2rem; font-size: .875rem; color: var(--istiridye); }

@media (max-width: 760px) {
	.cetvel__dizi { --co: 3.6; }
	.cetvel__mm { font-size: 1.05rem; }
	.cetvel__adet { display: none; }
}
@media (max-width: 380px) { .cetvel__dizi { --co: 3.1; } }

@media (prefers-reduced-motion: no-preference) {
	.cetvel__inci > .inci { animation: yuvarlan .9s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--sira) * 110ms + 150ms); }
	@keyframes yuvarlan {
		from { transform: translateX(-60px) rotate(-200deg); opacity: 0; }
		to { transform: none; opacity: 1; }
	}
}

/* ------------------------------------------------------------------
   Adet bandı
   ------------------------------------------------------------------ */
.adet-bant { background: var(--deniz); color: #dbe6ee; padding: clamp(3rem, 6vw, 5rem) 0; }
.adet-bant__ic { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.adet-bant h2 { color: #fff; font: 500 clamp(1.8rem, 3.4vw, 2.6rem)/1.12 var(--serif); }
.adet-bant p { max-width: 50ch; margin: 0; }
.adet-bant__sayilar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 0; }
.adet-bant__sayilar div { border-top: 1px solid rgba(219,230,238,.35); padding-top: 1rem; }
.adet-bant__sayilar dt { font-size: .9375rem; }
.adet-bant__sayilar dd { margin: .2rem 0 0; font: 500 clamp(3rem, 6vw, 4.6rem)/1 var(--serif); color: #fff; font-variant-numeric: lining-nums tabular-nums; }
.adet-bant__sayilar dd span { font: 400 1rem var(--sans); color: #dbe6ee; }
@media (max-width: 860px) { .adet-bant__ic { grid-template-columns: 1fr; gap: 2rem; } }

/* ------------------------------------------------------------------
   Genel bölümler
   ------------------------------------------------------------------ */
.bolum { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.bolum + .bolum { padding-top: 0; }
.renkler + .bolum, .adet-bant + .bolum { padding-top: clamp(3.5rem, 7vw, 6rem); }
.bolum--ust-yok { padding-top: 2.5rem; }
.bolum__baslik { font: 500 clamp(1.8rem, 3.6vw, 2.75rem)/1.1 var(--serif); letter-spacing: -.01em; max-width: 24ch; margin-bottom: .6em; }
.bolum__giris { color: var(--istiridye); max-width: 60ch; margin-top: -.5rem; }
.bolum__ust { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }

/* Neden */
.neden__liste { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.25rem 3.5rem; margin: 2rem 0 0; }
.neden__liste div { border-top: 1px solid var(--parilti); padding-top: 1.1rem; }
.neden__liste dt { font: 600 1.35rem/1.25 var(--serif); color: var(--deniz); margin-bottom: .4rem; }
.neden__liste dd { margin: 0; color: #3b4753; max-width: 52ch; }
@media (max-width: 760px) { .neden__liste { grid-template-columns: 1fr; gap: 1.75rem; } }

/* Ebat tablosu */
.tablo-kap { overflow-x: auto; margin: 1.5rem 0 1.25rem; }
.ebat-tablo { width: 100%; border-collapse: collapse; min-width: 560px; }
.ebat-tablo th, .ebat-tablo td { text-align: left; padding: 1rem .9rem; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.ebat-tablo thead th { font-size: .875rem; font-weight: 600; color: var(--istiridye); border-bottom-color: var(--deniz); }
.ebat-tablo tbody th { font: 600 1.25rem/1 var(--serif); color: var(--deniz); white-space: nowrap; }
.ebat-tablo__inci { width: 70px; }
.ebat-tablo tbody td:nth-child(3) { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 600; }
.ebat-tablo tbody tr:hover { background: var(--sedef); }
@media (max-width: 600px) {
	.ebat-tablo { min-width: 0; font-size: .9375rem; }
	.ebat-tablo th, .ebat-tablo td { padding: .85rem .5rem; }
	.ebat-tablo th:nth-child(2), .ebat-tablo__inci { display: none; }
}

/* Renkler */
.renkler { background: var(--sedef-pembe); padding-top: clamp(3.5rem, 7vw, 6rem) !important; }
.renkler__ic { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.renkler p { max-width: 54ch; }
.renk-dizi { list-style: none; margin: 0; padding: 0; display: flex; gap: 2rem; justify-content: center; align-items: flex-end; flex-wrap: wrap; }
.renk-dizi li { display: flex; flex-direction: column; align-items: center; gap: .9rem; font-weight: 600; color: var(--deniz); }
.renk-kume { display: grid; grid-template-columns: repeat(2, auto); gap: 6px; }
@media (max-width: 860px) { .renkler__ic { grid-template-columns: 1fr; } .renk-dizi { justify-content: flex-start; } .renk-dizi .inci { --o: 4.6 !important; } }

/* Renk fotoğrafları */
.renk-foto { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.renk-foto figure { margin: 0; }
.renk-foto img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; box-shadow: 0 18px 40px -22px rgba(18,50,74,.45); }
.renk-foto figcaption { text-align: center; font-weight: 600; color: var(--deniz); margin-top: .8rem; }

/* Delik ölçüsü galerisi (ebat sayfası) */
.delik-galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1.5rem 0 2rem; }
.delik-galeri figure { margin: 0; }
.delik-galeri img { width: 100%; height: auto; border-radius: var(--yuvarlak); border: 1px solid var(--cizgi); }
.delik-galeri figcaption { font-size: .875rem; color: var(--istiridye); margin-top: .4rem; text-align: center; }
@media (max-width: 700px) { .delik-galeri { grid-template-columns: 1fr 1fr; } }

/* Kullanım */
.kullanim__liste { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem 3.5rem; }
.kullanim__liste li { position: relative; padding-left: 1.9rem; max-width: 54ch; color: #3b4753; }
.kullanim__liste li::before,
.icerik ul > li::before {
	content: ""; position: absolute; left: 0; top: .42em; width: 12px; height: 12px; border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #fff 0 12%, #efe4cf 45%, #c3ae8a 100%);
	box-shadow: 0 1px 2px rgba(18,50,74,.25);
}
.kullanim__liste strong { color: var(--deniz); }
@media (max-width: 760px) { .kullanim__liste { grid-template-columns: 1fr; } }

/* Adımlar */
.adimlar__liste { list-style: none; counter-reset: adim; padding: 0; margin: 2rem 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.adimlar__liste li { counter-increment: adim; position: relative; padding-top: 3.6rem; color: #3b4753; }
.adimlar__liste li::before {
	content: counter(adim); position: absolute; top: 0; left: 0;
	font: 500 2.6rem/1 var(--serif); color: var(--deniz);
}
.adimlar__liste li::after { content: ""; position: absolute; top: 1.3rem; left: 2.4rem; right: -1rem; height: 1px; background: var(--parilti); }
.adimlar__liste li:last-child::after { display: none; }
.adimlar__liste strong { display: block; color: var(--deniz); margin-bottom: .25rem; }
@media (max-width: 900px) { .adimlar__liste { grid-template-columns: 1fr 1fr; } .adimlar__liste li::after { display: none; } }
@media (max-width: 520px) { .adimlar__liste { grid-template-columns: 1fr; gap: 1.5rem; } }

/* SSS */
.sss__oge { border-bottom: 1px solid var(--cizgi); }
.sss__oge:first-of-type { border-top: 1px solid var(--cizgi); }
.sss__oge summary {
	list-style: none; cursor: pointer; padding: 1.15rem 2.5rem 1.15rem 0; position: relative;
	font-weight: 600; font-size: 1.0625rem; color: var(--deniz);
}
.sss__oge summary::-webkit-details-marker { display: none; }
.sss__oge summary::after { content: "+"; position: absolute; right: .25rem; top: .9rem; font: 400 1.6rem/1 var(--sans); color: var(--deniz); transition: transform .2s; }
.sss__oge[open] summary::after { transform: rotate(45deg); }
.sss__oge p { margin: 0 0 1.25rem; color: #3b4753; max-width: 64ch; }

/* SEO metni */
.seo-metin__govde p { color: #3b4753; }

/* ------------------------------------------------------------------
   Blog kartları
   ------------------------------------------------------------------ */
.yazi-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem 2rem; margin-top: 1.5rem; }
.yazi-kart__gorsel { display: block; aspect-ratio: 16 / 10; border-radius: var(--yuvarlak); overflow: hidden; background: var(--sedef); }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.yazi-kart__gorsel:hover img { transform: scale(1.03); }
.yazi-kart__yer { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--sedef), var(--sedef-pembe)); }
.yazi-kart__baslik { font: 600 1.3rem/1.25 var(--serif); margin: 1.1rem 0 .5rem; }
.yazi-kart__baslik a { text-decoration: none; color: var(--deniz); }
.yazi-kart__baslik a:hover { text-decoration: underline; }
.yazi-kart__ozet { color: #45515d; font-size: .975rem; margin: 0 0 .6rem; }
.yazi-kart__tarih { font-size: .8125rem; color: var(--istiridye); margin: 0; }
@media (max-width: 960px) { .yazi-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .yazi-izgara { grid-template-columns: 1fr; } }

.pagination { margin-top: 3rem; }
.pagination .nav-links { display: flex; gap: .5rem; flex-wrap: wrap; }
.pagination .page-numbers { padding: .5rem .9rem; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; }
.pagination .current { background: var(--deniz); color: #fff; border-color: var(--deniz); }

/* ------------------------------------------------------------------
   Teklif formu ve konum
   ------------------------------------------------------------------ */
.teklif-bolum { background: var(--sedef); padding-top: clamp(3.5rem, 7vw, 6rem) !important; }
.teklif-bolum--sayfa { background: #fff; padding-top: 2.5rem !important; }
.teklif-bolum__ic { display: grid; grid-template-columns: 1.15fr 1fr; gap: 3.5rem; align-items: start; }
@media (max-width: 900px) { .teklif-bolum__ic { grid-template-columns: 1fr; } }

.teklif-formu { margin-top: 1.5rem; }
.teklif-formu label { display: block; font-size: .9375rem; font-weight: 600; color: var(--deniz); margin-bottom: .35rem; }
.teklif-formu p { margin: 0 0 1rem; }
.teklif-formu input[type="text"],
.teklif-formu input[type="tel"],
.teklif-formu input[type="email"],
.teklif-formu select,
.teklif-formu textarea {
	width: 100%; font: 400 1rem/1.4 var(--sans); color: var(--murekkep);
	padding: .75rem .85rem; border: 1px solid #b7c2cb; border-radius: var(--yuvarlak); background: #fff;
}
.teklif-formu input:focus, .teklif-formu select:focus, .teklif-formu textarea:focus { outline: 2px solid var(--deniz-2); outline-offset: 1px; border-color: var(--deniz-2); }
.form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 520px) { .form-izgara { grid-template-columns: 1fr; } }
.zorunlu { font-weight: 400; color: var(--istiridye); }
.tuzak { position: absolute; left: -9999px; }

.ebat-sec { border: 0; padding: 0; margin: 0 0 1.25rem; }
.ebat-sec legend { font-size: .9375rem; font-weight: 600; color: var(--deniz); margin-bottom: .6rem; padding: 0; }
.ebat-sec { display: flex; flex-wrap: wrap; gap: .5rem; }
.ebat-cip { margin: 0 !important; }
.ebat-cip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ebat-cip > span {
	display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .95rem .5rem .6rem;
	border: 1px solid #b7c2cb; border-radius: 999px; background: #fff; cursor: pointer; font-weight: 500; color: var(--murekkep);
}
.ebat-cip input:checked + span { background: var(--deniz); color: #fff; border-color: var(--deniz); }
.ebat-cip input:focus-visible + span { outline: 3px solid var(--deniz-2); outline-offset: 2px; }

.kvkk-onay label { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; color: #3b4753; font-size: .9rem; }
.kvkk-onay input { margin-top: .25rem; width: 18px; height: 18px; flex: none; accent-color: var(--deniz); }
.form-not { font-size: .875rem; color: var(--istiridye); margin-top: .75rem !important; }
.form-durum { padding: .9rem 1.1rem; border-radius: var(--yuvarlak); font-weight: 500; }
.form-durum--basari { background: #e6f3ec; color: #14532d; border: 1px solid #a7d3b8; }
.form-durum--uyari { background: #fdf3e2; color: #6b4210; border: 1px solid #ecc98a; }

.konum__baslik { font: 600 1.4rem/1.2 var(--serif); color: var(--deniz); margin: 0 0 .5rem; }
.konum__adres { font-style: normal; }
.konum__eylem { list-style: none; padding: 0; margin: 1rem 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.konum__eylem a { font-weight: 600; }
.konum__saat { color: var(--istiridye); font-size: .9375rem; }
.konum__harita { margin-top: 1.25rem; border-radius: var(--yuvarlak); overflow: hidden; border: 1px solid var(--cizgi); }
.konum__harita iframe { width: 100%; height: 340px; border: 0; }

/* ------------------------------------------------------------------
   Sayfa ve yazı
   ------------------------------------------------------------------ */
.sayfa-bas { background: var(--sedef); padding: 2.25rem 0 2.75rem; margin-bottom: 2.75rem; }
.sayfa-bas__baslik { font: 500 clamp(2.1rem, 4.6vw, 3.4rem)/1.08 var(--serif); letter-spacing: -.012em; margin: .6rem 0 .5rem; }
.sayfa-bas__ozet { font-size: 1.15rem; color: #3b4753; margin: .5rem 0 0; max-width: 60ch; }
.yazi__bilgi { color: var(--istiridye); font-size: .9375rem; margin: 0; }
.yazi__gorsel { margin: -1rem auto 2.5rem; }
.yazi__gorsel img { border-radius: var(--yuvarlak); width: 100%; }

.kirinti ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; font-size: .875rem; color: var(--istiridye); }
.kirinti li + li::before { content: "/"; margin: 0 .5rem; color: #a3adb7; }
.kirinti a { color: var(--istiridye); }

.icerik { padding-bottom: 3.5rem; font-size: 1.09375rem; line-height: 1.72; }
.icerik > * { margin-top: 0; margin-bottom: 1.15em; }
.icerik h2 { font: 500 clamp(1.6rem, 3vw, 2.05rem)/1.18 var(--serif); margin: 2.1em 0 .6em; }
.icerik h3 { font: 600 1.2rem/1.35 var(--sans); margin: 1.8em 0 .5em; }
.icerik ul { list-style: none; padding-left: 0; }
.icerik ul > li { position: relative; padding-left: 1.75rem; margin-bottom: .5em; }
.icerik ol { padding-left: 1.3rem; }
.icerik ol > li { margin-bottom: .5em; padding-left: .3rem; }
.icerik ol > li::marker { color: var(--deniz); font-weight: 700; }
.icerik strong { color: #15212c; }
.icerik blockquote { margin: 1.75em 0; padding: .25em 0 .25em 1.4em; border-left: 3px solid var(--parilti); font: italic 500 1.3rem/1.45 var(--serif); color: var(--deniz); }
.icerik table { width: 100%; border-collapse: collapse; font-size: 1rem; }
.icerik th, .icerik td { text-align: left; padding: .7rem .8rem; border-bottom: 1px solid var(--cizgi); }
.icerik thead th { border-bottom: 1.5px solid var(--deniz); color: var(--deniz); font-size: .9375rem; }
.icerik .wp-block-table { overflow-x: auto; margin-inline: 0; }
.icerik img { border-radius: var(--yuvarlak); }
.icerik .bilgi-kutu { background: var(--sedef-pembe); border-radius: var(--yuvarlak); padding: 1.25rem 1.4rem; }
.icerik .bilgi-kutu > :last-child { margin-bottom: 0; }

/* Sayfa sonu çağrısı */
.cagri { background: var(--sedef-pembe); padding: 2.75rem 0; margin-top: 1rem; }
.cagri__ic { display: grid; grid-template-columns: auto 1fr; gap: .5rem 1.5rem; align-items: center; max-width: 1000px; }
.cagri__inciler { display: flex; align-items: center; gap: 4px; }
.cagri__baslik { font: 600 1.45rem/1.2 var(--serif); color: var(--deniz); margin: 0 0 .3rem; }
.cagri p { margin: 0; }
.cagri__eylem { grid-column: 2; display: flex; gap: .6rem; flex-wrap: wrap; margin-top: .9rem; }
@media (max-width: 600px) { .cagri__ic { grid-template-columns: 1fr; } .cagri__eylem { grid-column: 1; } }

.search-form { display: flex; gap: .5rem; margin-top: 1rem; }
.search-form .search-field { flex: 1; padding: .7rem .85rem; border: 1px solid #b7c2cb; border-radius: var(--yuvarlak); font: inherit; }
.search-form .search-submit { padding: .7rem 1.2rem; border: 0; border-radius: 999px; background: var(--deniz); color: #fff; font: 600 1rem var(--sans); cursor: pointer; }

/* ------------------------------------------------------------------
   Alt bölüm
   ------------------------------------------------------------------ */
.alt { background: var(--deniz); color: #c7d5e0; padding: 4rem 0 0; font-size: .96875rem; }
.alt a { color: #fff; }
.alt :focus-visible { outline-color: #fff; }
.alt__izgara { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 2.5rem; }
.alt__ad { font: 600 1.6rem/1.1 var(--serif); color: #fff; margin: 0 0 .6rem; }
.alt__marka p:last-child { max-width: 40ch; }
.alt__baslik { color: #fff; font-weight: 600; margin: 0 0 .6rem; }
.alt address { font-style: normal; }
.alt address p { margin: 0 0 .5rem; }
.alt__nav .menu { list-style: none; padding: 0; margin: 0; }
.alt__nav .menu li { margin-bottom: .45rem; }
.alt__nav .menu a { text-decoration: none; }
.alt__nav .menu a:hover { text-decoration: underline; }
.alt__son { border-top: 1px solid rgba(199,213,224,.22); margin-top: 3rem; padding-top: 1.25rem; padding-bottom: 1.5rem; font-size: .8125rem; }
.alt__son p { margin: 0; }
@media (max-width: 800px) { .alt__izgara { grid-template-columns: 1fr; gap: 2rem; } }

/* WordPress çekirdek sınıfları */
.alignleft { float: left; margin: .3em 1.5em 1em 0; }
.alignright { float: right; margin: .3em 0 1em 1.5em; }
.aligncenter { margin-inline: auto; }
.wp-caption-text, .wp-element-caption { font-size: .875rem; color: var(--istiridye); margin-top: .5rem; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

/* Kullanım kartları (görselli) */
.kullanim__kartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin: 1.75rem 0 2.5rem; }
.kullanim__kart { margin: 0; position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 3 / 4; background: var(--sedef); }
.kullanim__kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.kullanim__kart:hover img { transform: scale(1.04); }
.kullanim__kart figcaption {
	position: absolute; inset: auto 0 0 0; padding: 3.5rem 1.1rem 1.1rem; color: #e8eef2; font-size: .9rem; line-height: 1.4;
	background: linear-gradient(180deg, transparent, rgba(12,30,45,.88));
}
.kullanim__kart figcaption strong { display: block; color: #fff; font: 600 1.3rem/1.2 var(--serif); margin-bottom: .2rem; }
@media (max-width: 960px) { .kullanim__kartlar { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .kullanim__kart { aspect-ratio: 4 / 5; } }

/* Üretim süreci */
.uretim { background: var(--deniz); color: #c7d5e0; padding-top: clamp(3.5rem, 7vw, 6rem) !important; }
.uretim + .bolum { padding-top: clamp(3.5rem, 7vw, 6rem); }
.uretim .bolum__baslik { color: #fff; max-width: 22ch; }
.uretim__ust { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem 3rem; align-items: end; }
.uretim__ust p { margin: 0 0 .9em; max-width: 52ch; }
.uretim__adimlar { list-style: none; counter-reset: ur; padding: 0; margin: 2.25rem 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.uretim__adimlar li { counter-increment: ur; }
.uretim__adimlar figure { margin: 0; }
.uretim__adimlar img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.uretim__adimlar figcaption { margin-top: .9rem; font-size: .925rem; line-height: 1.5; }
.uretim__adimlar figcaption strong { display: flex; align-items: baseline; gap: .55rem; color: #fff; font: 600 1.2rem/1.2 var(--serif); margin-bottom: .3rem; }
.uretim__adimlar figcaption strong::before { content: counter(ur); font: 500 .85rem/1 var(--sans); color: var(--deniz); background: var(--parilti); border-radius: 50%; width: 1.6rem; height: 1.6rem; display: inline-grid; place-items: center; flex: none; }
@media (max-width: 960px) { .uretim__adimlar { grid-template-columns: 1fr 1fr; } .uretim__ust { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .uretim__adimlar { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------------
   Premium katman: üst şerit, hero fotoğrafı, galeri, iletişim düğmeleri
   ------------------------------------------------------------------ */
.serit { background: var(--deniz); color: #c7d5e0; font-size: .875rem; }
.serit__ic { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 38px; }
.serit p { margin: 0; }
.serit__iletisim { display: flex; gap: 1.25rem; white-space: nowrap; }
.serit a { color: #fff; font-weight: 600; text-decoration: none; }
.serit a:hover { text-decoration: underline; color: #fff; }
.serit :focus-visible { outline-color: #fff; }
@media (max-width: 760px) { .serit__metin { display: none; } .serit__ic { justify-content: center; } }

.marka__ad { font: 600 1.5rem/1 var(--serif); letter-spacing: .01em; font-variant-numeric: lining-nums; }

.dugme--wa { background: var(--wa); border-color: var(--wa); color: #fff; }
.dugme--wa:hover { background: #156b3b; border-color: #156b3b; color: #fff; }

.giris {
	background:
		radial-gradient(60% 70% at 85% 30%, rgba(227,207,203,.45), transparent 70%),
		linear-gradient(180deg, #fff 0%, var(--sedef) 100%);
}
.giris__izgara { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; align-items: center; }
.giris__baslik { max-width: 14ch; }
.giris__tel { margin: 1.5rem 0 0; color: var(--istiridye); }
.giris__tel a { font: 600 1.35rem/1 var(--serif); margin-left: .35rem; font-variant-numeric: lining-nums; }
.giris__foto { margin: 0; position: relative; justify-self: center; width: min(100%, 470px); }
.giris__foto img {
	width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%;
	border: 10px solid #fff;
	box-shadow: 0 0 0 1px var(--cizgi), 0 40px 70px -35px rgba(18,50,74,.55);
}
.giris__rozet {
	position: absolute; left: -6%; bottom: 8%;
	background: #fff; border-radius: 999px; padding: .7rem 1.2rem;
	box-shadow: 0 14px 30px -14px rgba(18,50,74,.45); font-size: .9rem; color: var(--murekkep);
}
.giris__rozet strong { font: 600 1.15rem var(--serif); color: var(--deniz); margin-right: .3rem; }
@media (max-width: 900px) {
	.giris__izgara { grid-template-columns: 1fr; gap: 2.25rem; }
	.giris__foto { width: min(80%, 360px); }
	.giris__rozet { left: -4%; }
}

.galeri__izgara { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.galeri__izgara figure { margin: 0; }
.galeri__izgara img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: var(--sedef); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.galeri__izgara li { overflow: hidden; }
.galeri__izgara figure:hover img { transform: scale(1.035); }
.galeri__izgara figcaption { margin-top: .7rem; font-weight: 600; color: var(--deniz); font-size: .975rem; }
@media (max-width: 760px) { .galeri__izgara { grid-template-columns: 1fr 1fr; gap: 1rem; } }

.wa-sabit {
	position: fixed; right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px)); z-index: 60;
	display: inline-flex; align-items: center; gap: .7rem;
	padding: .6rem 1.2rem .6rem .6rem; border-radius: 999px;
	background: var(--wa); color: #fff; text-decoration: none;
	box-shadow: 0 16px 34px -12px rgba(26,127,70,.6);
}
.wa-sabit svg { background: rgba(255,255,255,.16); border-radius: 50%; padding: 9px; box-sizing: content-box; }
.wa-sabit__metin { display: flex; flex-direction: column; line-height: 1.2; font-size: .8125rem; }
.wa-sabit__metin strong { font-size: .95rem; }
.wa-sabit:hover { color: #fff; background: #156b3b; }
.wa-sabit::before {
	content: ""; position: absolute; left: .6rem; top: 50%; width: 48px; height: 48px; margin-top: -24px;
	border-radius: 50%; border: 2px solid var(--wa); opacity: 0; pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
	.wa-sabit::before { animation: wa-halka 2.4s ease-out 1.5s 3; }
	@keyframes wa-halka { from { transform: scale(1); opacity: .7; } to { transform: scale(1.9); opacity: 0; } }
}

.mobil-bar { display: none; }
@media (max-width: 760px) {
	.wa-sabit { display: none; }
	.mobil-bar {
		display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		background: #fff; border-top: 1px solid var(--cizgi); box-shadow: 0 -10px 24px -16px rgba(18,50,74,.4);
		padding: .55rem max(12px, env(safe-area-inset-left, 0px)) calc(.55rem + env(safe-area-inset-bottom, 0px)); gap: .55rem;
	}
	.mobil-bar a {
		display: flex; align-items: center; justify-content: center; gap: .45rem; padding: .8rem; border-radius: 999px;
		font-weight: 600; text-decoration: none; color: #fff;
	}
	.mobil-bar__ara { background: var(--deniz); }
	.mobil-bar__wa { background: var(--wa); }
	body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
}

@media print {
	.ust, .alt, .wa-sabit, .cagri { display: none; }
}