/*
 * menekseahbab.com — Paylaşılan iç sayfa komponentleri
 * Danışmanlık, Eğitim katalogları, Mentorluk & Koçluk alt sayfaları, Basın.
 * anasayfa.css'in :root token'larına bağımlıdır (dependency: ma-anasayfa).
 * BRKsoft, 2026.
 */

/* Avada global `h1..h6 { text-transform: capitalize }` kuralı Türkçe
   başlıklarda "ve" → "Ve" yapıyor. Kendi sayfalarımızda metni yazıldığı gibi
   bırak. */
.ma-page h1, .ma-page h2, .ma-page h3,
.ma-page h4, .ma-page h5, .ma-page h6 { text-transform: none; }

/* NOT: Sayfa hero stilleri anasayfa.css'teki kanonik .ma-eh-* bloğuna taşındı.
   Fark gerekirse burada SADECE farkı override et, bloğu kopyalama. */
/* Hero altındaki etiket satırı (Kurumsal · Bireysel vb.) */
.ma-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: 26px;
}
.ma-tag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	border: 1px solid var(--ma-border);
	background: #fff;
	border-radius: var(--ma-radius-pill);
	font-size: 0.83rem;
	font-weight: 600;
	color: var(--ma-text-2);
	box-shadow: var(--ma-shadow-1);
}
.ma-tag::before {
	content: "";
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--ma-accent);
	flex-shrink: 0;
}
.ma-tag--alt::before { background: var(--ma-accent-2); }

/* Üst kırıntı: "01 — Danışmanlık" */
.ma-crumb {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ma-text-3);
	margin-bottom: 14px;
}
.ma-crumb :where(a) { color: var(--ma-accent); }
.ma-crumb :where(a):hover { color: var(--ma-accent-h); text-decoration: underline; }

/* ========================================================================
   NUMARALI HİZMET KARTLARI (hub sayfaları)
   ======================================================================== */
.ma-hizmet-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}
.ma-hizmet-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ma-hizmet-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 32px 28px 26px;
	box-shadow: var(--ma-shadow-1);
	transition: transform .35s var(--ma-ease), box-shadow .35s var(--ma-ease), border-color .35s var(--ma-ease);
	overflow: hidden;
}
.ma-hizmet-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ma-accent), var(--ma-accent-2));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s var(--ma-ease);
}
.ma-hizmet-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-hizmet-card:hover::before { transform: scaleX(1); }
.ma-hizmet-card__num {
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--ma-accent-2-text);
	margin-bottom: 12px;
}
.ma-hizmet-card h3 {
	font-size: 1.28rem;
	line-height: 1.28;
	margin: 0 0 12px;
}
.ma-hizmet-card p { font-size: 0.98rem; margin: 0 0 20px; }
.ma-hizmet-card__meta {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 18px;
	border-top: 1px solid var(--ma-border-2);
}
.ma-hizmet-card__badges {
	font-size: 0.82rem;
	color: var(--ma-text-3);
	font-weight: 600;
}
/* .ma-text-link kanonik tanımı anasayfa.css'te. Burada KOPYASI vardı ve 5
   özellikte farklıydı (weight 600/700, ikon 14/16px, geçiş süresi, hover'da
   gap animasyonu iç sayfalarda kayboluyordu) → aynı link anasayfada ve iç
   sayfada farklı davranıyordu. Kopya silindi. */

/* ========================================================================
   ALINTI
   ======================================================================== */
.ma-quote {
	max-width: 860px;
	margin: 0 auto;
	/* Zemin beyaz (müşteri talebi); vurgu turuncu sol ayraçtan geliyor. */
	background: var(--ma-card);
	border: 1px solid var(--ma-border);
	border-left: 3px solid var(--ma-accent-2);
	border-radius: var(--ma-radius-lg);
	padding: 34px 34px 30px;
}
.ma-quote p {
	font-size: 1.06rem;
	line-height: 1.6;
	color: var(--ma-text);
	font-weight: 500;
	margin: 0;
}
.ma-quote cite {
	display: block;
	margin-top: 14px;
	font-style: normal;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--ma-text-3);
	letter-spacing: 0.02em;
}

/* ========================================================================
   3'LÜ İSTATİSTİK / DEĞER ŞERİDİ
   ======================================================================== */
.ma-trio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.ma-trio__item {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 26px 24px;
	text-align: center;
	box-shadow: var(--ma-shadow-1);
}
.ma-trio__val {
	display: block;
	font-size: var(--ma-stat);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--ma-accent);
	margin-bottom: 8px;
	line-height: 1.1;
}
.ma-trio__label { font-size: 0.94rem; color: var(--ma-text-2); line-height: 1.5; margin: 0; }

/* ========================================================================
   ALT HİZMET KARTLARI (● başlıklı 2 kolon)
   ======================================================================== */
.ma-alt-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.ma-alt-card {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	padding: 24px 24px 22px;
	box-shadow: var(--ma-shadow-1);
	transition: border-color .3s var(--ma-ease), box-shadow .3s var(--ma-ease), transform .3s var(--ma-ease);
}
.ma-alt-card:hover {
	border-color: var(--ma-text-3);
	box-shadow: var(--ma-shadow-2);
	transform: translateY(-3px);
}
.ma-alt-card h3 {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 1.04rem;
	line-height: 1.35;
	margin: 0 0 10px;
}
.ma-alt-card h3::before {
	content: "";
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--ma-accent);
	margin-top: 7px;
	flex-shrink: 0;
}
.ma-alt-card p { font-size: 0.94rem; margin: 0; }

/* ========================================================================
   SONUÇTA NE DEĞİŞİR (✓ listesi)
   ======================================================================== */
.ma-outcome {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 28px;
	max-width: 940px;
	margin: 0 auto;
}
.ma-outcome li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 1rem;
	line-height: 1.55;
	color: var(--ma-text-2);
}
.ma-outcome .ma-icon {
	width: 24px; height: 24px;
	border-radius: 50%;
	background: var(--ma-accent-soft);
	color: var(--ma-accent);
	margin-top: 2px;
}
.ma-outcome .ma-icon svg { width: 14px; height: 14px; }
.ma-section--dark .ma-outcome li { color: rgba(255,255,255,.82); }
.ma-section--dark .ma-outcome .ma-icon { background: rgba(255,255,255,.12); color: #fa9d1a; }

/* ========================================================================
   SÜREÇ ADIMLARI
   ======================================================================== */
.ma-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	position: relative;
}
.ma-steps__item {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 26px 22px 24px;
	box-shadow: var(--ma-shadow-1);
	position: relative;
}
.ma-steps__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border-radius: 50%;
	background: var(--ma-primary);
	color: #fff;
	font-size: 0.92rem;
	font-weight: 700;
	margin-bottom: 14px;
}
.ma-steps__item h3 { font-size: 1.02rem; margin: 0 0 8px; line-height: 1.32; }
.ma-steps__item p { font-size: 0.93rem; margin: 0; }
.ma-steps__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 28px;
	font-size: 0.95rem;
	color: var(--ma-text-3);
	font-weight: 600;
}
.ma-steps__note .ma-icon svg { width: 17px; height: 17px; }

/* ========================================================================
   EĞİTİM KATALOĞU
   ======================================================================== */
.ma-kat { margin-bottom: 56px; }
.ma-kat:last-child { margin-bottom: 0; }
.ma-kat__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ma-border-2);
}
.ma-kat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border-radius: var(--ma-radius);
	background: var(--ma-accent-soft);
	color: var(--ma-accent);
	flex-shrink: 0;
}
.ma-kat__icon svg { width: 18px; height: 18px; }
.ma-kat__head h3 {
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--ma-text-3);
	margin: 0;
}
/* 4 / 2 / 1 ölçeği. ⚠️ "Her kategoride TAM 4 eğitim var" varsayımı ARTIK
   GEÇERLİ DEĞİL: /egitimler/profesyoneller/ kategorileri 3 ve 2 kartlı ve
   4 kolonda sağda 292px / 585px ölü boşluk kalıyordu. Kart genişliği tüm
   kategorilerde aynı kalsın diye kolon sayısı sabit; eksik son satır
   .ma-grid-ortala ile ortalanıyor (bkz. anasayfa.css). */
.ma-egitim-grid {
	--ma-kolon: 4;
	--ma-kolon-bosluk: 18px;
}
.ma-eg-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 26px 24px 22px;
	box-shadow: var(--ma-shadow-1);
	transition: transform .3s var(--ma-ease), box-shadow .3s var(--ma-ease), border-color .3s var(--ma-ease);
}
.ma-eg-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-eg-card__badge {
	position: absolute;
	top: 16px; right: 16px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 9px;
	border-radius: var(--ma-radius-pill);
	background: var(--ma-primary);
	color: #fff;
}
.ma-eg-card__badge--yeni { background: var(--ma-accent-2); color: #3a2a08; }
.ma-eg-card__badge--atolye { background: var(--ma-accent-soft); color: var(--ma-accent); }
.ma-eg-card h4 {
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.015em;
	margin: 0 0 10px;
	padding-right: 64px;
	color: var(--ma-text);
}
.ma-eg-card__hook {
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--ma-text-2);
	margin: 0 0 16px;
}
.ma-eg-card__who {
	font-size: 0.86rem;
	color: var(--ma-text-3);
	line-height: 1.5;
	margin: 0 0 16px;
	padding-left: 12px;
	border-left: 2px solid var(--ma-border);
}
.ma-eg-card__who strong { color: var(--ma-text-2); font-weight: 700; }
.ma-eg-card__gains { margin: 0 0 18px; display: grid; gap: 8px; }
.ma-eg-card__gains li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--ma-text-2);
}
.ma-eg-card__gains .ma-icon { color: var(--ma-accent); margin-top: 3px; }
.ma-eg-card__gains .ma-icon svg { width: 13px; height: 13px; }
.ma-eg-card__foot {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 16px;
	border-top: 1px solid var(--ma-border-2);
}
.ma-eg-card__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.83rem;
	font-weight: 600;
	color: var(--ma-text-3);
}
.ma-eg-card__meta .ma-icon svg { width: 14px; height: 14px; }
/* Eğitimler hub'ında kart altı 2 meta + ayrı link satırı kullanır. */
.ma-eg-card__meta--bireysel { color: var(--ma-accent); }
.ma-eg-card__link { margin-top: 14px; align-self: flex-start; }

/* Format şeridi (Profesyoneller sayfası hero altı) */
.ma-checkbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 26px;
	margin-top: 26px;
}
.ma-checkbar li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--ma-text-2);
}
.ma-checkbar .ma-icon { color: var(--ma-accent); }
.ma-checkbar .ma-icon svg { width: 15px; height: 15px; }

/* ========================================================================
   SEANS & PAKET KARTLARI
   ======================================================================== */
/* Paket sayısı sayfadan sayfaya değişiyor (mentorluk 4, koçluk 3, nefes ve
   asistan-gelişim 2). auto-fit ile 4 paket 3+1 kalıp yalnız kartı sola
   yaslıyordu. Sayfada tek ızgara olduğu için kart genişliğini sayıya göre
   ayarlamak güvenli: 2 paket varsa yarım genişlik, aksi hâlde 1/3. */
.ma-paket-grid {
	--ma-kolon: 3;
	--ma-kolon-bosluk: 22px;
}
/* ⚠️ :has() spesifikliği (0,3,0) düz .ma-paket-grid'i (0,1,0) ezer — mobil
   kuralın kaybolmaması için min-width ile sınırla, 600px altında devre dışı. */
@media (min-width: 601px) {
	.ma-paket-grid:has(> :last-child:nth-child(2)) { --ma-kolon: 2; }
}
.ma-paket-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 28px 26px 24px;
	box-shadow: var(--ma-shadow-1);
	transition: transform .3s var(--ma-ease), box-shadow .3s var(--ma-ease), border-color .3s var(--ma-ease);
}
.ma-paket-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-paket-card--vurgu { border-color: var(--ma-accent); box-shadow: var(--ma-shadow-2); }
.ma-paket-card__tip {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ma-accent);
	margin-bottom: 10px;
}
.ma-paket-card h3 { font-size: 1.14rem; margin: 0 0 10px; line-height: 1.3; }
.ma-paket-card p { font-size: 0.95rem; margin: 0 0 18px; }
.ma-paket-card__price {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--ma-text);
	margin: 0 0 4px;
}
.ma-paket-card__price small { font-size: 0.78rem; font-weight: 600; color: var(--ma-text-3); margin-left: 4px; }
.ma-paket-card__spec {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.88rem;
	color: var(--ma-text-3);
	font-weight: 600;
	margin: 0 0 20px;
}
.ma-paket-card__spec .ma-icon svg { width: 15px; height: 15px; }
.ma-paket-card .ma-btn { margin-top: auto; width: 100%; justify-content: center; }
.ma-iptal {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 26px;
	font-size: 0.9rem;
	color: var(--ma-text-3);
}
.ma-iptal .ma-icon svg { width: 15px; height: 15px; }

/* ========================================================================
   KONU GRID (mentorluk konuları / seansta ne çalışılır)
   ======================================================================== */
.ma-konu-grid {
	--ma-kolon: 3;
	--ma-kolon-bosluk: 20px;
}
.ma-konu-card {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	padding: 24px 22px;
	box-shadow: var(--ma-shadow-1);
	transition: border-color .3s var(--ma-ease), transform .3s var(--ma-ease), box-shadow .3s var(--ma-ease);
}
.ma-konu-card:hover { border-color: var(--ma-text-3); transform: translateY(-3px); box-shadow: var(--ma-shadow-2); }
.ma-konu-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	border-radius: 11px;
	background: var(--ma-accent-soft);
	color: var(--ma-accent);
	margin-bottom: 14px;
}
.ma-konu-card__icon svg { width: 19px; height: 19px; }
.ma-konu-card h3 { font-size: 1.03rem; margin: 0 0 8px; line-height: 1.32; }
.ma-konu-card p { font-size: 0.93rem; margin: 0; }

/* ========================================================================
   GÜVEN ŞERİDİ (logo/kurum isimleri)
   ======================================================================== */
.ma-guven {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 30px;
	margin-top: 30px;
}
.ma-guven__label {
	width: 100%;
	text-align: center;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--ma-text-3);
	margin-bottom: 4px;
}
.ma-guven__item {
	font-size: 1.02rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--ma-text-3);
	transition: color .25s var(--ma-ease);
}
.ma-guven__item:hover { color: var(--ma-text); }

/* ========================================================================
   BASIN
   ======================================================================== */
.ma-basin-grid {
	--ma-kolon: 3;
	--ma-kolon-bosluk: 22px;
}
.ma-basin-card {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	overflow: hidden;
	box-shadow: var(--ma-shadow-1);
	transition: transform .3s var(--ma-ease), box-shadow .3s var(--ma-ease);
}
.ma-basin-card:hover { transform: translateY(-4px); box-shadow: var(--ma-shadow-3); }
.ma-basin-card__media {
	display: block;
	position: relative;
	background: var(--ma-bg-mute);
	overflow: hidden;
}
.ma-basin-card__media img {
	width: 100%; height: auto; display: block;
	transition: transform .45s var(--ma-ease);
}
.ma-basin-card:hover .ma-basin-card__media img { transform: scale(1.03); }
.ma-basin-card__zoom {
	position: absolute;
	left: 12px; bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 13px;
	border-radius: var(--ma-radius-pill);
	background: color-mix(in srgb, var(--ma-primary) 86%, transparent);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	backdrop-filter: blur(4px);
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .3s var(--ma-ease), transform .3s var(--ma-ease);
}
.ma-basin-card:hover .ma-basin-card__zoom,
.ma-basin-card__media:focus-visible .ma-basin-card__zoom { opacity: 1; transform: translateY(0); }
/* Dokunmatik cihazlarda hover yok — etiketi hep göster. */
@media (hover: none) {
	.ma-basin-card__zoom { opacity: 1; transform: none; }
}
.ma-basin-card__body { padding: 20px 22px 22px; }
.ma-basin-card__body h3 { font-size: 1.02rem; margin: 0 0 8px; line-height: 1.35; }
.ma-basin-card__body p { font-size: 0.92rem; margin: 0; }
.ma-basin-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ma-accent);
}
.ma-basin-meta span:not(:last-child)::after { content: " ·"; color: var(--ma-text-3); }

/* ========================================================================
   EĞİTİM ÜRÜN SAYFASI
   ======================================================================== */
.ma-urun-teklif {
	margin: 22px 0 26px;
	padding: 20px 22px;
	background: var(--ma-bg-soft);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
}
.ma-urun-teklif__note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 0 0 16px;
}
.ma-urun-teklif__note .ma-icon { color: var(--ma-accent); margin-top: 3px; }
.ma-urun-teklif__note .ma-icon svg { width: 17px; height: 17px; }

/* WooCommerce `div.product` iki kolonlu bir grid; detay ve form blokları tüm
   satırı kaplamalı, aksi halde galerinin yanına sıkışıyorlar. */
.ma-woo-single div.product > .ma-urun-detay,
.ma-woo-single div.product > .ma-teklif { grid-column: 1 / -1; }

.ma-urun-detay { margin-top: 26px; }
/* Token: media query'siz sabit 64px, sonra yüklendiği için .ma-section'ın
   breakpoint kurallarını eziyordu (ürün sayfası masaüstünde ~%40 daha sıkıydı). */
.ma-urun-blok { padding: var(--ma-sp-lg) 0; }
.ma-urun-blok .ma-section-head { margin-bottom: 32px; }
/* ⚠️ SPESİFİKLİK TUZAĞI: bu bir <h3> ve hem `.ma-page h1..h4 { margin: 0 }`
   (anasayfa.css) hem `.ma-woo-page h1..h4 { margin: 0 }` (woocommerce.css)
   kuralı (0,1,1) düz `.ma-urun-blok__alt`i (0,1,0) eziyordu → üstteki
   kart ızgarasıyla arasındaki 34px yok oluyor, başlık kartlara yapışıyordu.
   Ata sınıfı ekleyerek (0,2,0)'a çıkar; heading'e margin verirken bunu
   HER ZAMAN kontrol et. */
.ma-urun-blok .ma-urun-blok__alt {
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--ma-text-3);
	margin: 34px 0 18px;
}
.ma-urun-blok .ma-outcome { margin-left: 0; }
.ma-urun-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 26px;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid var(--ma-border-2);
}
/* Krem blok tam genişlik görünsün diye ürün gövdesinin padding'ini taşır. */
.ma-urun-blok.ma-section--cream {
	margin-left: calc(var(--ma-gutter) * -1);
	margin-right: calc(var(--ma-gutter) * -1);
	padding-left: var(--ma-gutter);
	padding-right: var(--ma-gutter);
	border-radius: var(--ma-radius-lg);
}

/* ========================================================================
   TEKLİF FORMU
   ======================================================================== */
.ma-teklif__inner { max-width: 860px; margin: 0 auto; }
.ma-teklif__head { text-align: center; margin-bottom: 34px; }
.ma-teklif__head .ma-section-title { margin-left: auto; margin-right: auto; }
.ma-teklif__head .ma-section-lead { margin-left: auto; margin-right: auto; }
.ma-teklif__form {
	background: #fff;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 32px 30px 28px;
	box-shadow: var(--ma-shadow-2);
}
.ma-teklif__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 20px;
}
.ma-field { margin: 0; display: flex; flex-direction: column; gap: 7px; }
.ma-field--full { grid-column: 1 / -1; }
.ma-field label {
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--ma-text);
	letter-spacing: -0.005em;
}
.ma-field label span { color: var(--ma-accent-2-text); }
.ma-teklif__form input[type="text"],
.ma-teklif__form input[type="email"],
.ma-teklif__form input[type="tel"],
.ma-teklif__form select,
.ma-teklif__form textarea {
	width: 100%;
	font-family: var(--ma-font);
	font-size: 0.98rem;
	color: var(--ma-text);
	background: var(--ma-bg-soft);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	padding: 12px 14px;
	transition: border-color .2s var(--ma-ease), box-shadow .2s var(--ma-ease), background .2s var(--ma-ease);
	-webkit-appearance: none;
	appearance: none;
}
.ma-teklif__form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2374747a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 38px;
}
.ma-teklif__form textarea { resize: vertical; min-height: 118px; line-height: 1.6; }
.ma-teklif__form input:focus,
.ma-teklif__form select:focus,
.ma-teklif__form textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--ma-accent);
	box-shadow: 0 0 0 3px var(--ma-accent-soft);
}
/* Hata rengi yalnızca kullanıcı alanla etkileşime girdikten sonra — boş formu
   kırmızıya boyamamak için :invalid değil :user-invalid. */
.ma-teklif__form input:user-invalid,
.ma-teklif__form textarea:user-invalid { border-color: var(--ma-danger); background: #fffafa; }

/* Honeypot — görsel olarak ve erişilebilirlik ağacından uzakta. */
.ma-teklif__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px; height: 1px;
	overflow: hidden;
}

.ma-teklif__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
}
.ma-teklif__note {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.88rem;
	color: var(--ma-text-3);
	font-weight: 600;
}
.ma-teklif__note .ma-icon svg { width: 15px; height: 15px; }
.ma-teklif__kvkk {
	font-size: 0.82rem;
	color: var(--ma-text-3);
	margin-top: 16px;
	line-height: 1.55;
}
.ma-teklif__kvkk :where(a) { color: var(--ma-accent); text-decoration: underline; }

.ma-teklif__alert {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border-radius: var(--ma-radius);
	padding: 16px 18px;
	margin-bottom: 22px;
	font-size: 0.95rem;
	line-height: 1.55;
}
.ma-teklif__alert strong { display: block; margin-bottom: 2px; }
.ma-teklif__alert--ok {
	background: #eef8ee;
	border: 1px solid #cbe7ca;
	color: #14620f;
}
.ma-teklif__alert--ok .ma-icon {
	width: 22px; height: 22px;
	border-radius: 50%;
	background: var(--ma-success);
	color: #fff;
	flex-shrink: 0;
	margin-top: 1px;
}
.ma-teklif__alert--ok .ma-icon svg { width: 13px; height: 13px; }
.ma-teklif__alert--err {
	background: var(--ma-danger-soft);
	border: 1px solid #f3d2d2;
	color: var(--ma-danger-text);
}

/* NOT: Koyu final CTA stilleri anasayfa.css'teki kanonik .ma-eh-* bloğuna taşındı.
   Fark gerekirse burada SADECE farkı override et, bloğu kopyalama. */
/* ========================================================================
   RESPONSIVE
   ======================================================================== */
@media (max-width: 980px) {
	.ma-hizmet-grid, .ma-hizmet-grid--2 { grid-template-columns: 1fr; }
	/* .ma-grid-ortala kullananlarda yalnızca kolon sayısı değişir. */
	.ma-egitim-grid { --ma-kolon: 2; --ma-kolon-bosluk: 16px; }
	.ma-konu-grid   { --ma-kolon: 2; }
	.ma-basin-grid  { --ma-kolon: 2; }
	.ma-paket-grid  { --ma-kolon: 2; }
	.ma-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
	.ma-alt-grid { grid-template-columns: 1fr; }
	.ma-outcome { grid-template-columns: 1fr; }
	.ma-trio { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.ma-egitim-grid { --ma-kolon: 1; }
	.ma-konu-grid   { --ma-kolon: 1; }
	.ma-basin-grid  { --ma-kolon: 1; }
	.ma-paket-grid  { --ma-kolon: 1; }
	.ma-steps { grid-template-columns: 1fr; }
	.ma-quote { padding: 26px 22px 24px; }
	.ma-teklif__form { padding: 24px 20px 22px; }
	.ma-teklif__grid { grid-template-columns: 1fr; }
	.ma-teklif__foot { flex-direction: column; align-items: stretch; }
	.ma-teklif__foot .ma-btn { width: 100%; justify-content: center; }
	.ma-teklif__note { justify-content: center; }
	.ma-eg-card h4 { padding-right: 0; }
	.ma-eg-card__badge { position: static; display: inline-block; margin-bottom: 10px; }
	.ma-checkbar { flex-direction: column; align-items: center; gap: 8px; }
}

/* Teklif formu alanlarında `outline: none` (yukarıda) fare odağında halka
   çıkmasın diye; klavye odağında MUTLAKA görünür olmalı. */
.ma-teklif__form input:focus-visible,
.ma-teklif__form select:focus-visible,
.ma-teklif__form textarea:focus-visible {
	outline: 2px solid var(--ma-accent);
	outline-offset: 2px;
}

/* .ma-medya (medya şeridi) CSS'i anasayfa.css'e TAŞINDI.
   Sebep: ma_medya_serit() functions.php'de global helper ama sayfalar.css
   yalnızca ma_custom_pages() slug'larında yükleniyordu → /hakkimda/ sayfasında
   şerit TAMAMEN stilsiz render oluyordu (portre 641x962 kare, başlık fotoğrafa
   yapışık, liste ham <li>). anasayfa.css her ma- sayfasında yüklü. */

/* ---------- Mobilde kart iç boşluğu (bkz. anasayfa.css aynı blok) ---------- */
@media (max-width: 600px) {
	.ma-hizmet-card      { padding: 22px 20px 20px; }
	.ma-trio__item       { padding: 20px 18px; }
	.ma-alt-card         { padding: 18px 18px 16px; }
	.ma-steps__item      { padding: 20px 18px 18px; }
	.ma-eg-card          { padding: 20px 18px 18px; }
	.ma-paket-card       { padding: 22px 20px 20px; }
	.ma-konu-card        { padding: 18px 18px; }
	.ma-basin-card__body { padding: 16px 18px 18px; }
	.ma-urun-teklif      { padding: 16px 18px; }
}

/* ========================================================================
   İLETİŞİM SAYFASI (.ma-iletisim-*)
   Eski Fusion Builder sayfası pastel krem/nane/turkuaz kartlar, farklı font
   ve hap butonla tasarım sisteminin dışındaydı; formu da yoktu.
   ======================================================================== */
.ma-iletisim-kanallar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.ma-iletisim-kanal {
	background: var(--ma-card);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 28px 26px 24px;
	box-shadow: var(--ma-shadow-1);
	display: flex;
	flex-direction: column;
	transition: transform .25s var(--ma-ease), box-shadow .25s var(--ma-ease), border-color .25s var(--ma-ease);
}
.ma-iletisim-kanal:hover {
	transform: translateY(-3px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-iletisim-kanal__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px;
	border-radius: var(--ma-radius);
	background: var(--ma-accent-soft);
	color: var(--ma-accent);
	margin-bottom: 18px;
}
.ma-iletisim-kanal__ikon .ma-icon svg { width: 21px; height: 21px; }
.ma-iletisim-kanal h3 { font-size: var(--ma-h3); margin-bottom: 8px; }
.ma-iletisim-kanal p { font-size: 0.95rem; margin-bottom: 18px; flex: 1; }
.ma-iletisim-kanal__deger {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--ma-accent);
}

/* Sosyal şerit — 2 kolon, sağda ikon rozetleri */
.ma-iletisim-sosyal {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
}
.ma-iletisim-sosyal .ma-section-title { margin-bottom: 0; max-width: 520px; }
.ma-iletisim-sosyal__linkler { display: flex; gap: 12px; flex-wrap: wrap; }
.ma-iletisim-sosyal__linkler a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: var(--ma-radius);
	border: 1px solid var(--ma-border);
	background: var(--ma-card);
	color: var(--ma-text-2);
	box-shadow: var(--ma-shadow-1);
	transition: background .2s var(--ma-ease), color .2s var(--ma-ease),
	            border-color .2s var(--ma-ease), transform .2s var(--ma-ease);
}
.ma-iletisim-sosyal__linkler a:hover {
	background: var(--ma-accent);
	border-color: var(--ma-accent);
	color: #fff;
	transform: translateY(-2px);
}
.ma-iletisim-sosyal__linkler .ma-icon svg { width: 21px; height: 21px; }

@media (max-width: 980px) {
	.ma-iletisim-kanallar { grid-template-columns: 1fr; gap: 16px; }
	.ma-iletisim-sosyal { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 600px) {
	.ma-iletisim-kanal { padding: 22px 20px 20px; }
	.ma-iletisim-sosyal__linkler a { width: 46px; height: 46px; }
}

/* ========================================================================
   REFERANSLAR SAYFASI
   ======================================================================== */
.ma-testimonials__grid--full { gap: 20px; }
.ma-testimonial__kaynak {
	margin-top: 14px;
	align-self: flex-start;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ma-accent);
	background: var(--ma-accent-soft);
	border-radius: var(--ma-radius-pill);
	padding: 5px 11px;
}
.ma-referans-not {
	margin-top: 28px;
	text-align: center;
	font-size: 0.86rem;
	color: var(--ma-text-3);
}

/* Kurum duvarı — SADECE METİN. Logo görseli gömme (kullanım izni yok). */
.ma-kurum-duvar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.ma-kurum-duvar__item {
	display: inline-flex;
	align-items: center;
	padding: 12px 20px;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-pill);
	background: var(--ma-card);
	box-shadow: var(--ma-shadow-1);
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--ma-text-2);
	transition: color .2s var(--ma-ease), border-color .2s var(--ma-ease), transform .2s var(--ma-ease);
}
.ma-kurum-duvar__item:hover {
	color: var(--ma-text);
	border-color: var(--ma-text-3);
	transform: translateY(-2px);
}

@media (max-width: 980px) {
	.ma-testimonials__grid--full { grid-template-columns: repeat(2, 1fr); max-width: none; }
}
@media (max-width: 600px) {
	.ma-testimonials__grid--full { grid-template-columns: 1fr; }
	.ma-kurum-duvar { gap: 8px; }
	.ma-kurum-duvar__item { padding: 10px 15px; font-size: 0.87rem; }
}

/* ========================================================================
   YASAL SAYFALAR (.ma-yasal__body) — KVKK / iade / mesafeli satış
   Bu sayfalar ham HTML yapıştırılmış metinlerdir; okunabilir bir prose
   ölçeği gerekiyordu. Ölçü 780px'te tutuluyor (satır uzunluğu ~85 karakter).
   ======================================================================== */
.ma-yasal__body {
	max-width: 780px;
	margin: 0 auto;
	color: var(--ma-text-2);
	font-size: 1rem;
	line-height: 1.75;
}
.ma-yasal__body > :first-child { margin-top: 0; }
.ma-yasal__body h2 {
	font-size: var(--ma-h3);
	color: var(--ma-text);
	margin: 40px 0 12px;
	letter-spacing: -0.02em;
}
.ma-yasal__body h3 {
	font-size: 1.05rem;
	color: var(--ma-text);
	margin: 28px 0 10px;
}
.ma-yasal__body p { margin: 0 0 16px; line-height: 1.75; }
.ma-yasal__body strong { color: var(--ma-text); font-weight: 700; }
.ma-yasal__body :where(ul, ol) {
	margin: 0 0 18px;
	padding-left: 22px;
	list-style: disc;
}
.ma-yasal__body ol { list-style: decimal; }
.ma-yasal__body li { margin-bottom: 8px; }
.ma-yasal__body a {
	color: var(--ma-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.ma-yasal__body a:hover { color: var(--ma-accent-h); }
.ma-yasal__body table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px;
	font-size: 0.94rem;
}
.ma-yasal__body :is(th, td) {
	border: 1px solid var(--ma-border);
	padding: 10px 12px;
	text-align: left;
}
.ma-yasal__body th { background: var(--ma-bg-soft); color: var(--ma-text); font-weight: 700; }
.ma-yasal__guncelleme {
	max-width: 780px;
	margin: 32px auto 0;
	padding-top: 18px;
	border-top: 1px solid var(--ma-border-2);
	font-size: 0.86rem;
	color: var(--ma-text-3);
}

/* ========================================================================
   404 (child 404.php) — Avada'nın "Life Coach" demo layout'u draft'a alındı.
   ======================================================================== */
.ma-404__search {
	display: flex;
	gap: 10px;
	max-width: 460px;
	margin: 28px auto 0;
}
.ma-404__search input[type="search"] {
	flex: 1;
	min-width: 0;
	font-family: inherit;
	font-size: 0.97rem;
	padding: 12px 16px;
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius);
	background: var(--ma-bg-soft);
	color: var(--ma-text);
}
.ma-404__search input[type="search"]:focus-visible {
	outline: 2px solid var(--ma-accent);
	outline-offset: 2px;
	background: #fff;
}
.ma-404__links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.ma-404__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 18px;
	background: var(--ma-card);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	box-shadow: var(--ma-shadow-1);
	transition: transform .25s var(--ma-ease), box-shadow .25s var(--ma-ease), border-color .25s var(--ma-ease);
}
.ma-404__link:hover {
	transform: translateY(-3px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-404__link strong { flex: 1; font-size: 0.97rem; color: var(--ma-text); }
.ma-404__link-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	flex-shrink: 0;
	border-radius: var(--ma-radius);
	background: var(--ma-accent-soft);
	color: var(--ma-accent);
}
.ma-404__link-ikon .ma-icon svg { width: 18px; height: 18px; }
.ma-404__link > .ma-icon { color: var(--ma-text-3); flex-shrink: 0; }
.ma-404__link > .ma-icon svg { width: 15px; height: 15px; }
.ma-404__link:hover > .ma-icon { color: var(--ma-accent); }

@media (max-width: 980px) { .ma-404__links { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
	.ma-404__links { grid-template-columns: 1fr; gap: 12px; }
	.ma-404__search { flex-direction: column; }
	.ma-404__search .ma-btn { width: 100%; }
}

/* ========== KARŞILAŞTIRMA TABLOSU (madde 3.16) ==========
   Mentorluk / Koçluk / Nefes Koçluğu yan yana. Fiyat sütunu yok — fiyatlar
   müşteriden gelmedi (5.5/5.6); geldiğinde PHP'de bir satır eklemek yeterli.
   ≤760px'te tablo kart yığınına dönüşür (yatay kaydırma dayatmıyoruz). */
.ma-sr-only {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ma-kiyas__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: var(--ma-radius-lg);
}
.ma-kiyas__scroll:focus-visible {
	outline: 2px solid var(--ma-accent);
	outline-offset: 3px;
}

.ma-kiyas {
	width: 100%;
	min-width: 720px;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--ma-bg);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	overflow: hidden;
	font-size: 0.92rem;
}
.ma-kiyas thead th {
	background: var(--ma-bg-soft);
	border-bottom: 1px solid var(--ma-border);
	padding: 20px 18px;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
	color: var(--ma-text);
}
.ma-kiyas thead th:first-child { width: 132px; background: var(--ma-bg); }
.ma-kiyas thead th + th { border-left: 1px solid var(--ma-border-2); }
.ma-kiyas thead th :where(a) {
	color: var(--ma-text);
	text-decoration: none;
	font-size: 1.05rem;
	letter-spacing: -0.015em;
}
.ma-kiyas thead th :where(a):hover { color: var(--ma-accent); }
.ma-kiyas__ozet {
	display: block;
	margin-top: 5px;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--ma-accent-2-text, var(--ma-accent-2));
}
.ma-kiyas tbody th {
	text-align: left;
	vertical-align: top;
	padding: 16px 18px;
	font-weight: 700;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ma-text-3);
	white-space: nowrap;
}
.ma-kiyas tbody td {
	padding: 16px 18px;
	vertical-align: top;
	color: var(--ma-text-2);
	line-height: 1.55;
	border-left: 1px solid var(--ma-border-2);
}
.ma-kiyas tbody tr + tr :is(th, td) { border-top: 1px solid var(--ma-border-2); }
.ma-kiyas tbody tr:nth-child(odd) :is(th, td) { background: var(--ma-bg-soft); }

.ma-kiyas__not {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 22px;
	font-size: 0.88rem;
	color: var(--ma-text-3);
	text-align: center;
}
.ma-kiyas__not svg { flex: 0 0 auto; }

/* Mobil/tablet: satır yerine kart. Her hücre kendi sütun başlığını taşır. */
@media (max-width: 760px) {
	.ma-kiyas__scroll { overflow-x: visible; }
	.ma-kiyas {
		min-width: 0;
		border: 0;
		background: transparent;
	}
	.ma-kiyas thead { display: none; }
	.ma-kiyas tbody, .ma-kiyas tr, .ma-kiyas th, .ma-kiyas td { display: block; }
	.ma-kiyas tbody tr {
		background: var(--ma-bg);
		border: 1px solid var(--ma-border);
		border-radius: var(--ma-radius-lg);
		margin-bottom: 14px;
		overflow: hidden;
	}
	.ma-kiyas tbody tr:nth-child(odd) :is(th, td) { background: transparent; }
	.ma-kiyas tbody th {
		background: var(--ma-bg-soft);
		border-bottom: 1px solid var(--ma-border-2);
		padding: 12px 16px;
		white-space: normal;
	}
	.ma-kiyas tbody td {
		border-left: 0;
		border-top: 0;
		padding: 12px 16px 14px;
	}
	.ma-kiyas tbody tr + tr :is(th, td) { border-top: 0; }
	.ma-kiyas tbody td + td { border-top: 1px solid var(--ma-border-2); }
	.ma-kiyas tbody td::before {
		content: attr(data-etiket);
		display: block;
		margin-bottom: 4px;
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--ma-accent);
	}
}

/* ========== YÖNLENDİRMELİ FORM ALANLARI (madde 5.12) ==========
   Hizmet seçimine göre gösterilen alan grupları. Grid içinde tam genişlik
   kaplar ve kendi 2 sütununu kurar. [hidden] display:grid'i ezmek zorunda. */
.ma-teklif__kosullu {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 20px;
}
.ma-teklif__kosullu[hidden] { display: none; }

/* Kısa varyant (madde 5.10): sayfa altı soru formu — dar, sade. */
.ma-teklif--kisa .ma-teklif__inner { max-width: 680px; }
.ma-teklif--kisa .ma-teklif__form { padding: 28px; }
.ma-teklif--kisa .ma-teklif__kvkk { margin-top: 14px; }

@media (max-width: 760px) {
	.ma-teklif__kosullu { grid-template-columns: 1fr; }
}

/* ========== MANİFESTO (madde 3.12) ==========
   12 madde, numaralı. Eski anasayfada dönen carousel'di; okunması zordu ve
   aynı liste iki başlık altında tekrarlanıyordu. Statik ızgara daha okunur. */
/* WooCommerce urun sayfasinda .product bir 2 sutunlu grid; kardes bloklar
   (.ma-urun-detay, .ma-teklif) zaten 1/-1 span'liyor. Manifesto da spanlamali,
   yoksa galeri sutununun genisligine (644px) sikisiyor. */
.product > .ma-manifesto { grid-column: 1 / -1; }

.ma-manifesto__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	counter-reset: none;
}
.ma-manifesto__item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: var(--ma-bg);
	border: 1px solid var(--ma-border);
	border-radius: var(--ma-radius-lg);
	padding: 20px;
	box-shadow: var(--ma-shadow-1);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ma-manifesto__item:hover {
	transform: translateY(-3px);
	box-shadow: var(--ma-shadow-3);
	border-color: var(--ma-text-3);
}
.ma-manifesto__num {
	flex: 0 0 auto;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--ma-accent);
	background: var(--ma-accent-soft);
	border-radius: var(--ma-radius-pill);
	padding: 4px 10px;
	line-height: 1.5;
}
.ma-manifesto__item p {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.55;
	color: var(--ma-text-2);
}
/* Avada'nin genel blockquote stili (gri zemin + sol turuncu seritli) bu
   ogeyi de yakaliyordu; sifirlayip kendi stilimizi veriyoruz. */
.ma-manifesto .ma-manifesto__quote {
	background: none;
	border-left: 0;
	border-radius: 0;
	font-style: normal;
	quotes: none;
	width: auto;
	margin: 40px auto 0;
	max-width: 640px;
	text-align: center;
	font-size: 1.08rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.01em;
	color: var(--ma-text);
	border: 0;
	padding: 0 0 0 0;
	position: relative;
}
.ma-manifesto .ma-manifesto__quote::before {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	margin: 0 auto 20px;
	background: linear-gradient(90deg, var(--ma-accent), var(--ma-accent-2));
	border-radius: 2px;
}

@media (max-width: 980px) {
	.ma-manifesto__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.ma-manifesto__list { grid-template-columns: 1fr; }
}

/* ========== BLOG KATEGORİ + YAZI SONU CTA (madde 3.18) ========== */
.ma-kategori-hero__sayi {
	margin-top: 14px;
	font-size: 0.88rem;
	color: var(--ma-text-3);
}
.ma-kategori-hero__sayi :where(a) {
	color: var(--ma-accent);
	font-weight: 600;
	text-decoration: none;
}
.ma-kategori-hero__sayi :where(a):hover { text-decoration: underline; }

.ma-yazi-cta {
	margin: 48px 0 8px;
	clear: both;
}
.ma-yazi-cta__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	background: var(--ma-primary);
	color: #fff;
	border-radius: var(--ma-radius-xl);
	padding: 34px 36px;
	position: relative;
	overflow: hidden;
}
.ma-yazi-cta__inner::before {
	content: "";
	position: absolute;
	top: -120px; right: -80px;
	width: 280px; height: 280px;
	border-radius: 50%;
	background: var(--ma-glow-warm-dim, rgba(250, 157, 26, .16));
	filter: blur(90px);
	pointer-events: none;
}
.ma-yazi-cta__inner > div { position: relative; z-index: 1; }
.ma-yazi-cta .ma-eyebrow { color: var(--ma-accent-2); }
.ma-yazi-cta h2 {
	font-size: var(--ma-h2-sm);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 8px 0 8px;
	color: #fff;
}
.ma-yazi-cta p {
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: 0.95rem;
	max-width: 46ch;
}
.ma-yazi-cta__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	position: relative;
	z-index: 1;
}
/* Koyu zeminde buton inversiyonu — .ma-eh-cta'daki kanonik kalibin aynisi.
   Yoksa --primary butonu (--ma-primary dolgu) panelin zeminiyle ayni renk
   olup goruunmez oluyordu. */
.ma-yazi-cta .ma-btn--primary {
	background: #fff;
	color: var(--ma-primary);
	border-color: #fff;
	box-shadow: var(--ma-shadow-dark);
}
.ma-yazi-cta .ma-btn--primary:hover { background: #f7f7f7; color: var(--ma-primary); }
.ma-yazi-cta .ma-btn--ghost {
	background: rgba(255, 255, 255, .08);
	color: #fff;
	border-color: rgba(255, 255, 255, .22);
	box-shadow: none;
}
.ma-yazi-cta .ma-btn--ghost:hover {
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .42);
	color: #fff;
}

@media (max-width: 780px) {
	.ma-yazi-cta__inner { flex-direction: column; align-items: flex-start; padding: 28px 24px; }
	.ma-yazi-cta__buttons { width: 100%; }
	.ma-yazi-cta__buttons .ma-btn { flex: 1 1 auto; justify-content: center; }
}