/*
 * İLMEK-AI sohbet penceresi — munirehanim.com (Flatsome) içinde, tema CSS'ine dokunmadan.
 * Her kural #munire-hanim-ai altında; temanın genel button/input kurallarına karşı açıkça sıfırlanır.
 * Dünya: sitenin kendisi (beyaz, siyah hap, altın ana eylem, ince çerçeveli beden kutuları). Asistanın kimliği: İLMEK amblemi
 * ve lacivert ince vurgular. Altın düğme zemini #96692a: sitenin #c09157'si beyaz yazıyla 2,8:1 → 4,8:1 için koyulaştırıldı.
 */

#munire-hanim-ai {
	--mhai-murekkep: #1f1f1f;
	--mhai-ikincil: #5b5f66;
	--mhai-zemin: #ffffff;
	--mhai-zemin-2: #faf8f4;
	--mhai-kum: #f5eee3;
	--mhai-cizgi: #ebe5db;
	--mhai-cerceve: #d8d2c8;
	--mhai-altin: #c09157;
	--mhai-altin-koyu: #96692a;
	--mhai-altin-koyu-2: #7f5821;
	--mhai-siyah: #222222;
	--mhai-lacivert: #08517a;
	--mhai-hata: #9b2c1f;
	--mhai-hata-zemin: #fbefec;
	--mhai-golge: 0 10px 28px rgba(31, 31, 31, 0.16), 0 2px 6px rgba(31, 31, 31, 0.08);
	--mhai-golge-pano: 0 24px 56px rgba(31, 31, 31, 0.2), 0 4px 12px rgba(31, 31, 31, 0.08);
	--mhai-egri: cubic-bezier(0.16, 1, 0.3, 1);
	--mhai-alt-bosluk: 16px;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
	color: var(--mhai-murekkep);
	-webkit-font-smoothing: antialiased;
}

#munire-hanim-ai[hidden] { display: none !important; }

#munire-hanim-ai *,
#munire-hanim-ai *::before,
#munire-hanim-ai *::after { box-sizing: border-box; }

/* Temanın genel öğe kurallarına karşı sıfırlama (Flatsome button/input/p/ul kenar boşlukları, büyük harf, gölge) */
#munire-hanim-ai :where(button, input, textarea, a, p, ul, ol, li, h2, h3, dl, dt, dd, img, form, span, div) {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit;
	letter-spacing: normal;
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
	min-height: 0;
	max-width: none;
}
#munire-hanim-ai :where(button) { cursor: pointer; line-height: inherit; -webkit-appearance: none; appearance: none; }
#munire-hanim-ai ::selection { background: var(--mhai-kum); color: var(--mhai-murekkep); }
#munire-hanim-ai :focus { outline: none; }
#munire-hanim-ai :focus-visible { outline: 2px solid var(--mhai-lacivert); outline-offset: 2px; }

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

/* ─── Açma düğmesi ─────────────────────────────────────────── */

#munire-hanim-ai .mhai-baslat {
	position: fixed;
	right: 16px;
	bottom: calc(var(--mhai-alt-bosluk) + env(safe-area-inset-bottom, 0px));
	z-index: 99980;
	display: inline-grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: center;
	height: 56px;
	padding: 0 7px;
	border-radius: 999px;
	background: var(--mhai-zemin);
	border: 1px solid var(--mhai-cizgi);
	box-shadow: var(--mhai-golge);
	color: var(--mhai-murekkep);
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	transition: grid-template-columns 240ms var(--mhai-egri), transform 220ms var(--mhai-egri), box-shadow 220ms var(--mhai-egri), opacity 200ms ease;
}
#munire-hanim-ai .mhai-baslat[hidden] { display: none; }   /* ayar: açma düğmesi kapalı */
#munire-hanim-ai .mhai-baslat:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(31, 31, 31, 0.2), 0 2px 6px rgba(31, 31, 31, 0.08); }
#munire-hanim-ai .mhai-baslat:active { transform: translateY(0); }
#munire-hanim-ai .mhai-baslat img { width: 40px; height: 40px; flex: none; display: block; }
/* Maskot (0.9.39): düğmede ve başlıkta İlmek'in yüzü, kum zeminli daire */
#munire-hanim-ai .mhai-yuz { position: relative; display: block; width: 40px; height: 40px; flex: none; overflow: hidden; border-radius: 50%; background: var(--mhai-kum); box-shadow: inset 0 0 0 1px rgba(31, 31, 31, 0.06); transform-origin: 50% 90%; }
#munire-hanim-ai .mhai-yuz img { width: 40px; height: 40px; display: block; object-fit: cover; }
/* Düğmedeki İlmek (0.9.41; yeni İlmek 0.9.47, Atakan: "saçları dışarı sarkabilir 3d hissi verilebilir"): 46 px kum yuvarlak,
   altın çizgi; üstünde saydam rozet (71×63; uret.py: yuvarlağın merkezi rozette (35,4; 39,8)). Baş üstten, uzun saç iki yandan
   yuvarlağın dışına sarkar, omuzlar içeride. Hafif gölge saçın yuvarlağın önünde olduğunu gösterir; üstüne gelince baş öne çıkar. */
#munire-hanim-ai .mhai-yuz--tasan { position: relative; width: 46px; height: 46px; overflow: visible; border-radius: 0; background: none; box-shadow: none; }
#munire-hanim-ai .mhai-yuz--tasan::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: radial-gradient(circle at 36% 28%, #fdf9f2 0%, var(--mhai-kum) 64%, #e8d9bf 100%);
	box-shadow: inset 0 0 0 1.5px var(--mhai-altin);
}
#munire-hanim-ai .mhai-yuz__ic {
	position: absolute;
	left: -12.4px;
	top: -16.8px;
	width: 70.7px;
	height: 63.3px;
	filter: drop-shadow(0 1.5px 1.2px rgba(31, 31, 31, 0.24));
	transform-origin: 50% 88%;
	transition: transform 280ms var(--mhai-egri);
}
#munire-hanim-ai .mhai-yuz__ic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; }
#munire-hanim-ai .mhai-baslat:hover .mhai-yuz__ic { transform: translateY(-2px) scale(1.07); }
/* Göz kırpma (0.9.42; Atakan: "göz kırpma da yapabilirsin"): kapalı göz katmanı (resimle aynı çerçeve) birkaç saniyede bir
   ~120 ms görünür. Yerler farklı aralıkla kırpar (aynı anda kırpmasınlar); hareket azaltma tercihinde kapalı (genel kural). */
#munire-hanim-ai .mhai-goz { position: absolute; inset: 0; display: block; opacity: 0; pointer-events: none; animation: mhai-goz-kirp 5.2s steps(1, end) 1.6s infinite; }
#munire-hanim-ai .mhai-baslik .mhai-goz { animation-duration: 6.4s; animation-delay: 2.3s; }
#munire-hanim-ai .mhai-maskot .mhai-goz { animation-duration: 4.6s; animation-delay: 1.1s; }
@keyframes mhai-goz-kirp { 0% { opacity: 0; } 96% { opacity: 1; } 98.5% { opacity: 0; } }
/* Oturumda bir kez selam: baş hafifçe sallanır */
#munire-hanim-ai .mhai-baslat--selam .mhai-yuz { animation: mhai-selam 1.6s ease-in-out both; }
@keyframes mhai-selam {
	0%, 100% { transform: rotate(0); }
	15% { transform: rotate(-12deg) scale(1.06); }
	32% { transform: rotate(9deg) scale(1.06); }
	50% { transform: rotate(-7deg) scale(1.04); }
	68% { transform: rotate(4deg); }
	84% { transform: rotate(-2deg); }
}
/* İlmek yazarken başlıktaki yüz hafifçe sallanır */
#munire-hanim-ai .mhai-pano--yaziyor .mhai-baslik .mhai-yuz { animation: mhai-sallan 1.4s ease-in-out infinite; }
@keyframes mhai-sallan {
	0%, 100% { transform: translateY(0) rotate(0); }
	30% { transform: translateY(-2px) rotate(-4deg); }
	70% { transform: translateY(-1px) rotate(3deg); }
}
#munire-hanim-ai .mhai-baslat__yazi {
	display: block;
	min-width: 0;
	overflow: hidden;
	padding: 0 12px 0 10px;
	transition: opacity 160ms ease;
}
/* Kaydırınca yalnız amblem: yazı sütunu 1fr → 0fr (genişlik/padding değil, ızgara sütunu canlandırılır) */
#munire-hanim-ai .mhai-baslat--kucuk { grid-template-columns: 46px minmax(0, 0fr); }
#munire-hanim-ai .mhai-baslat--kucuk .mhai-baslat__yazi { opacity: 0; }
#munire-hanim-ai.mhai--acik .mhai-baslat { opacity: 0; pointer-events: none; transform: translateY(8px); }
/* Sohbet sürüyor (başka sayfaya geçildi, telefonda): "Sohbete dön" — altın çerçeve + kum zemin, kaydırınca da yazı kalır */
#munire-hanim-ai .mhai-baslat--devam { border-color: var(--mhai-altin); background: var(--mhai-kum); }
#munire-hanim-ai .mhai-baslat--devam.mhai-baslat--kucuk { grid-template-columns: 46px minmax(0, 1fr); }
#munire-hanim-ai .mhai-baslat--devam.mhai-baslat--kucuk .mhai-baslat__yazi { opacity: 1; }

/* ─── Pano ─────────────────────────────────────────────────── */

#munire-hanim-ai .mhai-pano {
	position: fixed;
	z-index: 99990;
	right: 24px;
	bottom: 24px;
	width: 560px;   /* 400 → 560: ilmek.si panosundaki gibi geniş (Atakan, 2026-10-10) */
	height: min(720px, calc(100vh - 48px));
	display: flex;
	flex-direction: column;
	background: var(--mhai-zemin);
	border: 1px solid var(--mhai-cizgi);
	border-radius: 20px;
	box-shadow: var(--mhai-golge-pano);
	overflow: hidden;
	opacity: 0;
	transform: translateY(14px) scale(0.985);
	transform-origin: bottom right;
	pointer-events: none;
	visibility: hidden;
	transition: opacity 200ms ease, transform 260ms var(--mhai-egri), visibility 0s linear 260ms;
}
#munire-hanim-ai.mhai--acik .mhai-pano {
	opacity: 1;
	transform: none;
	pointer-events: auto;
	visibility: visible;
	transition: opacity 200ms ease, transform 260ms var(--mhai-egri), visibility 0s;
}

/* Başlık */
#munire-hanim-ai .mhai-baslik {
	flex: none;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);   /* amblem, ad; sağdaki düğmeler (yeni sohbet, genişlet, kapat) kendi sütunlarında */
	grid-auto-flow: column;
	grid-auto-columns: auto;
	align-items: center;
	gap: 10px;
	min-height: 68px;
	padding: 10px 8px 10px 14px;
	border-bottom: 1px solid var(--mhai-cizgi);
	background: var(--mhai-zemin);
}
#munire-hanim-ai .mhai-baslik img { width: 40px; height: 40px; display: block; }
#munire-hanim-ai .mhai-baslik__ad { font-size: 17px; font-weight: 700; line-height: 1.2; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-baslik__alt { font-size: 14px; line-height: 1.3; color: var(--mhai-ikincil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Yeni sohbet: sade hap; seçiliyken site altını çerçeve */
#munire-hanim-ai .mhai-yeni {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 13px 0 10px;
	border-radius: 999px;
	border: 1px solid var(--mhai-cerceve);
	background: var(--mhai-zemin);
	color: var(--mhai-murekkep);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	transition: background-color 160ms ease, border-color 160ms ease;
}
#munire-hanim-ai .mhai-yeni[hidden] { display: none; }
#munire-hanim-ai .mhai-yeni:hover,
#munire-hanim-ai .mhai-yeni[aria-expanded="true"] { background: var(--mhai-zemin-2); border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-yeni svg { width: 18px; height: 18px; flex: none; }

/* "Bu sohbet ekrandan silinsin mi?" şeridi: başlığın altında, sepet şeridi ailesi (açılır pencere değil) */
#munire-hanim-ai .mhai-yeni-onay {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	padding: 12px 14px 8px;
	background: var(--mhai-zemin-2);
	border-bottom: 1px solid var(--mhai-cizgi);
	animation: mhai-gelis 240ms var(--mhai-egri) both;
}
#munire-hanim-ai .mhai-yeni-onay[hidden] { display: none; }
#munire-hanim-ai .mhai-yeni-onay__soru { font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-yeni-onay__not { font-size: 14px; line-height: 1.4; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-yeni-onay__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 8px; }
#munire-hanim-ai .mhai-yeni-onay .mhai-hap { border: 0; cursor: pointer; }

#munire-hanim-ai .mhai-kapat {
	width: 48px; height: 48px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	color: var(--mhai-murekkep);
	transition: background-color 160ms ease;
}
#munire-hanim-ai .mhai-kapat:hover { background: var(--mhai-zemin-2); }
#munire-hanim-ai .mhai-kapat svg { width: 22px; height: 22px; }
/* Sohbeti genişlet: kapatmanın yanında pencere düğmesi (sohbet sayfasını yeni sekmede açar); telefonda ve yan panelde yok */
#munire-hanim-ai .mhai-genislet {
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	border: 1px solid var(--mhai-cerceve);
	background: var(--mhai-zemin);
	color: var(--mhai-murekkep);
	transition: background-color 160ms ease, border-color 160ms ease;
}
#munire-hanim-ai .mhai-genislet:hover { background: var(--mhai-zemin-2); border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-genislet svg { width: 18px; height: 18px; }
#munire-hanim-ai.mhai--yan .mhai-genislet { display: none; }

/* Sepet şeridi */
#munire-hanim-ai .mhai-sepet {
	flex: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	padding: 10px 14px;
	background: var(--mhai-zemin-2);
	border-bottom: 1px solid var(--mhai-cizgi);
	font-size: 14px;
	color: var(--mhai-murekkep);
	transition: background-color 600ms ease;
}
#munire-hanim-ai .mhai-sepet[hidden] { display: none; }
#munire-hanim-ai .mhai-sepet--yeni { background: var(--mhai-kum); transition: none; }
#munire-hanim-ai .mhai-sepet b { font-weight: 700; font-variant-numeric: tabular-nums; }
#munire-hanim-ai .mhai-sepet__eylem { display: inline-flex; gap: 8px; margin-left: auto; }

/* Sitenin başlığındaki haplar: siyah SEPET, altın ÖDEME (altın zemin kontrast için koyulaştırıldı) */
#munire-hanim-ai .mhai-hap {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	transition: background-color 160ms ease;
}
#munire-hanim-ai .mhai-hap--siyah { background: var(--mhai-siyah); }
#munire-hanim-ai .mhai-hap--siyah:hover { background: #000000; }
#munire-hanim-ai .mhai-hap--altin { background: var(--mhai-altin-koyu); }
#munire-hanim-ai .mhai-hap--altin:hover { background: var(--mhai-altin-koyu-2); }

/* Mesajlar */
#munire-hanim-ai .mhai-akis {
	position: relative;   /* balonların offsetTop'u akışa göre (cevabın başına kaydırma) */
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 20px 18px 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	scrollbar-width: thin;
	scrollbar-color: var(--mhai-cerceve) transparent;
	background: var(--mhai-zemin);
}
#munire-hanim-ai .mhai-akis > * { flex-shrink: 0; }   /* kaydırılan sütunda balon ve kart ezilmesin */

/* Karşılama (0.9.39): göğüs boyu İlmek açık eliyle karşılama yazısını sunar; ilk mesajla maskot küçülür, yazı kalır */
#munire-hanim-ai .mhai-karsi {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0 6px;
	margin: -4px 0 0 -8px;
	transition: margin 360ms var(--mhai-egri), gap 360ms var(--mhai-egri);
}
/* Yarım boy İlmek (0.9.47): kum yuvarlak + SVG sahne (viewBox 420×442; uret.py). Yuvarlak: merkez %50,47 / %60,54, çapı
   genişliğin %83'ü. Gövde yuvarlağın içinde, baş / saç / sallanan el dışına taşar. Masaüstünde fareyle (--mhai-mx, --mhai-my,
   -1…1) İlmek hafifçe döner ve öne kayar, yuvarlak ters yöne kayar: derinlik. Saç JS ile sallanır (feDisplacementMap). */
#munire-hanim-ai .mhai-maskot { position: relative; display: block; perspective: 640px; }
#munire-hanim-ai .mhai-maskot::before { content: ""; display: block; padding-bottom: 105.24%; }   /* 442 / 420 */
#munire-hanim-ai .mhai-maskot__yuvarlak {
	position: absolute;
	left: 50.47%;
	top: 60.54%;
	width: 83.02%;
	height: 0;
	padding-bottom: 83.02%;
	border-radius: 50%;
	background: radial-gradient(circle at 36% 28%, #fdf9f2 0%, var(--mhai-kum) 62%, #e6d6bb 100%);
	box-shadow: inset 0 0 0 1.5px var(--mhai-altin), 0 6px 14px rgba(120, 90, 40, 0.14);
	transform: translate(-50%, -50%) translate3d(calc(var(--mhai-mx, 0) * -3px), calc(var(--mhai-my, 0) * -2px), 0);
	transition: transform 320ms var(--mhai-egri);
}
#munire-hanim-ai .mhai-maskot__svg,
#munire-hanim-ai .mhai-maskot__tek {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
	transform: translate3d(calc(var(--mhai-mx, 0) * 4px), calc(var(--mhai-my, 0) * 2px), 0) rotateY(calc(var(--mhai-mx, 0) * 9deg)) rotateX(calc(var(--mhai-my, 0) * -5deg));
	transform-origin: 50% 72%;
	transition: transform 320ms var(--mhai-egri);
	filter: drop-shadow(0 3px 3px rgba(31, 31, 31, 0.15));
}
#munire-hanim-ai .mhai-maskot__tek img { display: block; width: 100%; max-width: none; height: auto; }
/* El sallama: önkol dirsekten (manşetin içi; viewBox'ta 346,7 / 319) döner. Önce iki kez selam, sonra 9 sn'de bir. Dışa (+)
   daha çok, içe (−) az: içe fazla dönerse manşetin içi görünür. */
#munire-hanim-ai .mhai-maskot__kol { transform-box: view-box; transform-origin: 346.7px 319px; animation: mhai-el-salla 9s ease-in-out 700ms infinite; }
@keyframes mhai-el-salla {
	0%, 22%, 100% { transform: rotate(0); }
	3.5% { transform: rotate(13deg); }
	7.5% { transform: rotate(-5deg); }
	11.5% { transform: rotate(12deg); }
	15.5% { transform: rotate(-4deg); }
	19% { transform: rotate(5deg); }
}
#munire-hanim-ai .mhai-karsi__maskot { width: 150px; min-width: 0; transition: width 380ms var(--mhai-egri), opacity 240ms ease; animation: mhai-maskot-gel 560ms var(--mhai-egri) both, mhai-maskot-nefes 5s ease-in-out 2.2s infinite; transform-origin: 40% 100%; }
#munire-hanim-ai .mhai-karsi__balon { max-width: none; align-self: center; }
#munire-hanim-ai .mhai-karsi--kucuk { gap: 0; margin-left: 0; }
/* Küçülme: genişlik 0'a iner, yükseklik de oranla iner (satır boşluk bırakmaz) */
#munire-hanim-ai .mhai-karsi--kucuk .mhai-karsi__maskot { width: 0; opacity: 0; animation: none; }
#munire-hanim-ai .mhai-karsi--kucuk .mhai-karsi__balon { max-width: 86%; justify-self: start; }
/* Açılış notu (MH-YASAL C2): karşılamanın altında, küçük ama okunur; bağlantı lacivert */
#munire-hanim-ai .mhai-karsi__not { margin: 2px 4px 0; font-size: 13px; line-height: 1.45; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-karsi__not a,
#munire-hanim-ai .mhai-ozet__yasal a { color: var(--mhai-lacivert); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
@keyframes mhai-maskot-gel { from { opacity: 0; transform: translateY(14px) scale(0.96); } to { opacity: 1; transform: none; } }
@keyframes mhai-maskot-nefes { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

/* Ürün sayfasında davet balonu (0.9.39): düğmenin üstünde; İlmek kartın üst kenarından taşar */
#munire-hanim-ai .mhai-davet {
	position: fixed;
	right: 16px;
	bottom: calc(var(--mhai-alt-bosluk) + env(safe-area-inset-bottom, 0px) + 70px);
	z-index: 99981;
	width: min(330px, calc(100vw - 32px));
	opacity: 0;
	transform: translateY(14px) scale(0.98);
	transform-origin: 90% 100%;
	transition: opacity 240ms ease, transform 360ms var(--mhai-egri);
	pointer-events: none;
}
#munire-hanim-ai .mhai-davet--acik { opacity: 1; transform: none; pointer-events: auto; }
#munire-hanim-ai .mhai-davet__ac {
	position: relative;
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: end;
	width: 100%;
	border: 1px solid var(--mhai-cizgi);
	border-radius: 18px;
	background: var(--mhai-zemin);
	box-shadow: var(--mhai-golge);
	text-align: left;
	cursor: pointer;
}
#munire-hanim-ai .mhai-davet__ac::after {   /* düğmeyi gösteren kuyruk */
	content: "";
	position: absolute;
	right: 30px;
	bottom: -8px;
	width: 14px;
	height: 14px;
	border-right: 1px solid var(--mhai-cizgi);
	border-bottom: 1px solid var(--mhai-cizgi);
	background: var(--mhai-zemin);
	transform: rotate(45deg);
}
#munire-hanim-ai .mhai-davet__ac:hover { border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-davet__maskot { width: 112px; align-self: end; margin: -50px 0 8px 2px; }   /* yuvarlak kartın içinde, baş ve el kartın üstünden taşar */
#munire-hanim-ai .mhai-davet--acik .mhai-davet__maskot { animation: mhai-maskot-gel 600ms var(--mhai-egri) 120ms both; }
#munire-hanim-ai .mhai-davet .mhai-maskot__kol { animation-delay: 1s; }
#munire-hanim-ai .mhai-davet__yazi { display: flex; flex-direction: column; gap: 3px; padding: 14px 38px 14px 16px; font-size: 14px; line-height: 1.45; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-davet__yazi b { font-size: 15px; font-weight: 700; }
#munire-hanim-ai .mhai-davet__kapat {
	position: absolute;
	top: 2px;
	right: 2px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--mhai-ikincil);
	cursor: pointer;
}
#munire-hanim-ai .mhai-davet__kapat svg { width: 16px; height: 16px; }
#munire-hanim-ai .mhai-davet__kapat:hover { color: var(--mhai-murekkep); background: var(--mhai-zemin-2); }
#munire-hanim-ai .mhai-akis::-webkit-scrollbar { width: 8px; }
#munire-hanim-ai .mhai-akis::-webkit-scrollbar-thumb { background: var(--mhai-cerceve); border-radius: 8px; }

#munire-hanim-ai .mhai-mesaj {
	max-width: 86%;
	padding: 11px 15px;
	font-size: 15px;
	line-height: 1.5;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	animation: mhai-gelis 240ms var(--mhai-egri) both;
}
/* ilmek.si biçimi (Atakan, 2026-10-10), renkler sitenin: asistan çerçevesiz kum, müşteri sitenin siyahı */
#munire-hanim-ai .mhai-mesaj--asistan {
	align-self: flex-start;
	background: var(--mhai-kum);
	border-radius: 18px 18px 18px 6px;
}
#munire-hanim-ai .mhai-mesaj--musteri {
	align-self: flex-end;
	background: var(--mhai-siyah);
	color: #ffffff;
	border-radius: 18px 18px 6px 18px;
}
#munire-hanim-ai .mhai-mesaj--musteri ::selection { background: var(--mhai-altin); color: #ffffff; }
#munire-hanim-ai .mhai-mesaj--hata {
	align-self: flex-start;
	background: var(--mhai-hata-zemin);
	color: var(--mhai-hata);
	border-radius: 14px;
	font-size: 15px;
}
#munire-hanim-ai .mhai-mesaj a {
	color: var(--mhai-lacivert);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
#munire-hanim-ai .mhai-mesaj a:hover { text-decoration-thickness: 2px; }
/* Madde ("- …") satırları: asılı girinti, altın nokta (Atakan: ebat/fiyat listesi paragraf yerine liste) */
#munire-hanim-ai .mhai-madde { display: block; position: relative; padding-left: 18px; margin: 3px 0; }
#munire-hanim-ai .mhai-madde::before { content: ""; position: absolute; left: 5px; top: 0.66em; width: 6px; height: 6px; border-radius: 50%; background: var(--mhai-altin); }
#munire-hanim-ai .mhai-yeniden {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 8px;
	padding: 0 16px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
}

@keyframes mhai-gelis { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Hazır sorular */
#munire-hanim-ai .mhai-hizli { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 2px 0 6px; }
#munire-hanim-ai .mhai-cip {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 8px 18px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 999px;
	background: var(--mhai-zemin);
	font-size: 15px;
	font-weight: 600;
	color: var(--mhai-murekkep);
	text-align: left;
	transition: border-color 160ms ease, background-color 160ms ease;
}
#munire-hanim-ai .mhai-cip:hover { border-color: var(--mhai-altin); background: var(--mhai-zemin-2); }

/* Ürün kartları: alt alta kompakt satırlar (yatay kaydırma 45+ kitlede fark edilmiyor; telefonda tam boy görsel ekranı kaplıyordu) */
#munire-hanim-ai .mhai-kartlar {
	display: flex;
	flex-direction: column;
	gap: 8px;
	animation: mhai-gelis 280ms var(--mhai-egri) both;
}
/* 2026-10-09 (Atakan: "ürün kartları hala çok büyük"): görsel 72 → 56px, düğme 40 → 36px, fiyatlı düğme tek satır */
#munire-hanim-ai .mhai-kart {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 8px;
	padding: 6px 8px 7px 6px;
	border: 1px solid var(--mhai-cizgi);
	border-radius: 16px;
	background: var(--mhai-zemin);
	box-shadow: 0 1px 2px rgba(31, 31, 31, 0.05), 0 6px 16px -8px rgba(31, 31, 31, 0.16);
}
#munire-hanim-ai .mhai-kart--gorselsiz { grid-template-columns: 1fr; }
#munire-hanim-ai .mhai-kart__gorsel {
	display: block;
	width: 56px;
	aspect-ratio: 5 / 6;
	border-radius: 8px;
	overflow: hidden;
	background: var(--mhai-zemin-2);
	align-self: start;
}
#munire-hanim-ai .mhai-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
#munire-hanim-ai button.mhai-kart__gorsel { position: relative; cursor: zoom-in; }
/* Kaç fotoğraf olduğu: görselin köşesinde koyu hap (dokunulabileceğini de anlatır) */
#munire-hanim-ai .mhai-kart__foto {
	position: absolute;
	right: 3px;
	bottom: 3px;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 0 5px 0 4px;
	border-radius: 999px;
	background: rgba(34, 34, 34, 0.78);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	font-variant-numeric: tabular-nums;
}
#munire-hanim-ai .mhai-kart__foto svg { width: 11px; height: 11px; flex: none; }
#munire-hanim-ai .mhai-kart__govde { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
/* Liste başında bir kez: "Bedeninizi seçin, sepete ekleyeyim:" */
#munire-hanim-ai .mhai-kartlar__ipucu { margin: 2px 4px -4px; font-size: 14px; line-height: 1.35; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-kart__ad {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.28;
	color: var(--mhai-murekkep);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#munire-hanim-ai .mhai-kart__fiyat { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
/* Şu anki indirimde normal fiyat: üstü çizili, ikincil gri, küçük (fiyatın önünde) */
#munire-hanim-ai .mhai-kart__eski { font-size: 14px; font-weight: 500; color: var(--mhai-ikincil); text-decoration: line-through; text-decoration-thickness: 1px; }
#munire-hanim-ai .mhai-kart__satir { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; }
#munire-hanim-ai .mhai-kart .mhai-ana--kart { align-self: flex-start; min-height: 38px; padding: 0 14px; font-size: 14px; }
#munire-hanim-ai .mhai-kart__etiket { font-size: 14px; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-kart__yok { font-size: 14px; color: var(--mhai-hata); font-weight: 600; }
/* Sade kart (düğmesiz, 2026-10-13): 48px fotoğraf; ad, altında fiyat + stoktaki seçenekler aynı satırda (sığmazsa alta) */
#munire-hanim-ai .mhai-kart--sade { grid-template-columns: 48px 1fr; gap: 10px; padding: 5px 10px 5px 5px; border-radius: 12px; }
#munire-hanim-ai .mhai-kart--sade.mhai-kart--gorselsiz { grid-template-columns: 1fr; padding: 8px 10px; }
#munire-hanim-ai .mhai-kart--sade .mhai-kart__gorsel { width: 48px; border-radius: 7px; }
#munire-hanim-ai .mhai-kart--sade .mhai-kart__govde { gap: 2px; justify-content: center; }
#munire-hanim-ai .mhai-kart--sade .mhai-kart__satir { flex-wrap: wrap; justify-content: flex-start; gap: 0 10px; }
#munire-hanim-ai .mhai-kart__stok { font-size: 13px; line-height: 1.4; color: var(--mhai-ikincil); }
/* Sade kartlar iki sütun (Atakan, 2026-10-13: "tek satırda 2 sütun … 6 ürüne kadar"): 6 ürün üç satırda, soldan sağa.
   Yazı boyu aynı (telefonda %80 ölçekte daha küçülmesin); görsel 44px. Tek kart tam genişlik. */
#munire-hanim-ai .mhai-kartlar--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#munire-hanim-ai .mhai-kartlar--iki > .mhai-kart:only-child { grid-column: 1 / -1; }
#munire-hanim-ai .mhai-kartlar--iki .mhai-kart { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 5px 8px 6px 5px; }
#munire-hanim-ai .mhai-kartlar--iki .mhai-kart--gorselsiz { grid-template-columns: minmax(0, 1fr); }
#munire-hanim-ai .mhai-kartlar--iki .mhai-kart__gorsel { width: 44px; }
#munire-hanim-ai .mhai-kartlar--iki .mhai-kart__govde { justify-content: flex-start; }
#munire-hanim-ai .mhai-bedenler { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 1px; }

/* Sitenin beden kutusunun aynısı: ince çerçeve, seçilince altın */
#munire-hanim-ai .mhai-beden {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 44px;
	min-height: 36px;   /* 44 → 40 → 36: kart kısa (Atakan, iki kez); 44px genişlik + 5px aralıkla dokunma yine rahat */
	padding: 0 11px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 4px;
	background: var(--mhai-zemin);
	font-size: 14px;
	font-weight: 600;
	color: var(--mhai-murekkep);
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
#munire-hanim-ai .mhai-beden:hover:not(:disabled) { border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-beden:disabled { cursor: default; }
#munire-hanim-ai .mhai-beden--bekliyor { color: var(--mhai-ikincil); border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-beden--sepette { border-color: var(--mhai-altin); background: var(--mhai-kum); color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-beden svg { width: 16px; height: 16px; flex: none; }
/* Farklı fiyatlı beden tek satırda: "3XL-4XL · 349,90 TL" (iki satır kartı uzatıyordu) */
#munire-hanim-ai .mhai-beden--fiyatli { gap: 5px; }
#munire-hanim-ai .mhai-beden__fiyat { font-size: 14px; font-weight: 500; color: var(--mhai-ikincil); font-variant-numeric: tabular-nums; }
#munire-hanim-ai .mhai-beden__fiyat::before { content: "· "; }
#munire-hanim-ai .mhai-beden--sepette svg path { stroke-dasharray: 20; stroke-dashoffset: 20; animation: mhai-tik 320ms var(--mhai-egri) 60ms forwards; }
@keyframes mhai-tik { to { stroke-dashoffset: 0; } }

#munire-hanim-ai .mhai-ana {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 4px;
	background: var(--mhai-altin-koyu);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: background-color 160ms ease;
}
#munire-hanim-ai .mhai-ana:hover:not(:disabled) { background: var(--mhai-altin-koyu-2); }
#munire-hanim-ai .mhai-ana:disabled { opacity: 0.6; cursor: default; }
#munire-hanim-ai .mhai-ana--sepette { background: var(--mhai-kum); color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-incele {
	flex: none;
	margin: -8px 0;   /* dokunma alanı 44px, satırı uzatmadan */
	padding: 12px 0 12px 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--mhai-lacivert);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ─── Sipariş adımı ────────────────────────────────────────── */

/* Kaydedilen bilgi: müşterinin balonunun altında, kendi tarafında. Geri okuma ekrandan (yapay zekâ değeri görmez). */
#munire-hanim-ai .mhai-kayit {
	align-self: flex-end;
	max-width: 86%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	margin-top: -4px;
	padding: 0 4px;
	animation: mhai-gelis 240ms var(--mhai-egri) both;
}
#munire-hanim-ai .mhai-kayit__satir {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--mhai-ikincil);
	text-align: left;   /* blok sağa yaslı; uzun adres sarınca yazı onay işaretinin yanından devam eder */
}
#munire-hanim-ai .mhai-kayit__satir svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--mhai-altin-koyu); }
#munire-hanim-ai .mhai-kayit__satir svg path { stroke-dasharray: 20; stroke-dashoffset: 20; animation: mhai-tik 320ms var(--mhai-egri) 120ms forwards; }
#munire-hanim-ai .mhai-kayit__deger { font-size: 14px; font-weight: 600; color: var(--mhai-murekkep); overflow-wrap: anywhere; }

/* Öneri çipleri (ilçe, il): kısa adlar yan yana sarılır */
#munire-hanim-ai .mhai-hizli--sar { flex-direction: row; flex-wrap: wrap; }
#munire-hanim-ai .mhai-hizli--sar .mhai-cip { padding: 8px 16px; }

/* Ödeme yöntemi: sitenin beden kutusu dilinde iki büyük seçenek */
#munire-hanim-ai .mhai-yontemler { display: flex; flex-direction: column; gap: 8px; animation: mhai-gelis 280ms var(--mhai-egri) both; }
#munire-hanim-ai .mhai-yontem {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 2px 12px;
	min-height: 64px;
	padding: 10px 14px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 4px;
	background: var(--mhai-zemin);
	text-align: left;
	transition: border-color 160ms ease, background-color 160ms ease, opacity 160ms ease;
}
#munire-hanim-ai .mhai-yontem:hover:not(:disabled) { border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-yontem:disabled { cursor: default; }
#munire-hanim-ai .mhai-yontem__ad { font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-yontem__alt { grid-column: 1; font-size: 14px; line-height: 1.35; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-yontem svg { grid-column: 2; grid-row: 1 / span 2; width: 20px; height: 20px; color: var(--mhai-altin-koyu); }
#munire-hanim-ai .mhai-yontem svg path { stroke-dasharray: 20; stroke-dashoffset: 20; animation: mhai-tik 320ms var(--mhai-egri) 60ms forwards; }
#munire-hanim-ai .mhai-yontem--bekliyor { border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-yontem--bekliyor .mhai-yontem__ad { color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-yontem--secili { border-color: var(--mhai-altin); background: var(--mhai-kum); }
#munire-hanim-ai .mhai-yontemler--bitti .mhai-yontem:not(.mhai-yontem--secili) { opacity: 0.55; }

/* Sipariş özeti ve sipariş kartı: ürün kartı ailesi (14px köşe, kıl çizgi, gölgesiz) */
#munire-hanim-ai .mhai-ozet,
#munire-hanim-ai .mhai-siparis {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--mhai-cizgi);
	border-radius: 14px;
	background: var(--mhai-zemin);
	animation: mhai-gelis 280ms var(--mhai-egri) both;
}
#munire-hanim-ai .mhai-ozet__baslik { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-ozet__kalemler { display: flex; flex-direction: column; gap: 8px; }
#munire-hanim-ai .mhai-ozet__kalem { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 1px 12px; }
#munire-hanim-ai .mhai-ozet__kalem-ad { font-size: 14px; font-weight: 600; line-height: 1.35; }
#munire-hanim-ai .mhai-ozet__kalem-alt { grid-column: 1; font-size: 14px; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-ozet__tutar { grid-column: 2; grid-row: 1; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
#munire-hanim-ai .mhai-ozet__satirlar {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px 12px;
	padding-top: 10px;
	border-top: 1px solid var(--mhai-cizgi);
	font-size: 14px;
	line-height: 1.4;
}
#munire-hanim-ai .mhai-ozet__satirlar dd { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
#munire-hanim-ai .mhai-ozet__satirlar .mhai-ozet__toplam { padding-top: 4px; font-size: 16px; font-weight: 700; }
#munire-hanim-ai .mhai-ozet__bolum {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding-top: 10px;
	border-top: 1px solid var(--mhai-cizgi);
	font-size: 14px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
#munire-hanim-ai .mhai-ozet__bolum--ilk { padding-top: 0; border-top: 0; }
#munire-hanim-ai .mhai-ozet__bolum-ad { font-size: 14px; color: var(--mhai-ikincil); margin-bottom: 2px; }
#munire-hanim-ai .mhai-ozet__bolum-ana { font-weight: 600; }
#munire-hanim-ai .mhai-ozet__eylem { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
/* Sözleşme cümlesi (MH-YASAL C1): onay kutusu yok, "Siparişi onaylıyorum"un hemen üstünde */
#munire-hanim-ai .mhai-ozet__yasal { margin: 4px 0 6px; font-size: 13px; line-height: 1.45; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-ozet__eylem .mhai-ana,
#munire-hanim-ai .mhai-siparis .mhai-ana { min-height: 48px; text-decoration: none; }
#munire-hanim-ai .mhai-yazi-dugme {
	align-self: center;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--mhai-lacivert);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
#munire-hanim-ai .mhai-yazi-dugme:hover { text-decoration-thickness: 2px; }
#munire-hanim-ai .mhai-ozet__alanlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
#munire-hanim-ai .mhai-ozet__alanlar[hidden] { display: none; }
#munire-hanim-ai .mhai-ozet__alanlar .mhai-cip { padding: 8px 16px; }
#munire-hanim-ai .mhai-ozet__eski { font-size: 14px; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-ozet--eski > :not(.mhai-ozet__baslik):not(.mhai-ozet__eski) { opacity: 0.6; }
#munire-hanim-ai .mhai-ozet--eski .mhai-ozet__eylem { display: none; }
/* Hatalı ürün bildirimi: fotoğraf kartı (0.9.38). Gönderilince başlık sipariş kartının kum şeridine döner. */
#munire-hanim-ai .mhai-bildirim__alt { margin-top: -8px; font-size: 14px; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-bildirim .mhai-siparis__baslik + .mhai-bildirim__alt { margin-top: 0; }
#munire-hanim-ai .mhai-bildirim__ipucu { font-size: 14px; line-height: 1.45; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-bildirim__fotolar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#munire-hanim-ai .mhai-bildirim__fotolar:empty { display: none; }
#munire-hanim-ai .mhai-bildirim__foto { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--mhai-cizgi); border-radius: 8px; background: var(--mhai-kum); }
#munire-hanim-ai .mhai-bildirim__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
#munire-hanim-ai .mhai-bildirim__foto--yukleniyor img { opacity: 0.45; }
#munire-hanim-ai .mhai-bildirim__foto--yukleniyor::after {
	content: "";
	position: absolute;
	inset: 50% auto auto 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid var(--mhai-altin-koyu);
	border-right-color: transparent;
	border-radius: 50%;
	animation: mhai-don 800ms linear infinite;
}
@keyframes mhai-don { to { transform: rotate(360deg); } }
#munire-hanim-ai .mhai-bildirim__foto--hata { border-color: var(--mhai-hata); }
/* Fotoğrafı kaldır (0.9.43): köşede koyu daire içinde × */
#munire-hanim-ai .mhai-bildirim__sil { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(31, 31, 31, 0.74); color: #ffffff; cursor: pointer; transition: background-color 160ms ease; }
#munire-hanim-ai .mhai-bildirim__sil svg { width: 14px; height: 14px; }
#munire-hanim-ai .mhai-bildirim__sil svg path { stroke-width: 2.6; }
#munire-hanim-ai .mhai-bildirim__sil:hover { background: #1f1f1f; }
#munire-hanim-ai .mhai-bildirim__sil:disabled { opacity: 0.5; cursor: default; }
#munire-hanim-ai .mhai-bildirim__foto--siliniyor img { opacity: 0.4; }
#munire-hanim-ai .mhai-bildirim__foto--hata img { opacity: 0.3; }
#munire-hanim-ai .mhai-bildirim__durum { font-size: 14px; line-height: 1.4; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-bildirim__durum:empty { display: none; }
#munire-hanim-ai .mhai-bildirim__durum--hata { color: var(--mhai-hata); }
#munire-hanim-ai .mhai-bildirim__ekle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 18px;
	border: 1px solid var(--mhai-altin-koyu);
	border-radius: 4px;
	background: var(--mhai-zemin);
	color: var(--mhai-altin-koyu-2);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 160ms ease;
}
#munire-hanim-ai .mhai-bildirim__ekle svg { width: 20px; height: 20px; flex: none; }
#munire-hanim-ai .mhai-bildirim__ekle:hover:not(:disabled) { background: var(--mhai-kum); }
#munire-hanim-ai .mhai-bildirim__ekle:disabled { opacity: 0.5; cursor: default; }
#munire-hanim-ai .mhai-bildirim .mhai-ozet__eylem { gap: 8px; }
/* Sipariş kartı başlığı: kartın üst kenarına taşan kum şerit, dolu onay işareti (Atakan, 2026-10-13: "daha belirgin") */
#munire-hanim-ai .mhai-siparis__baslik {
	display: flex;
	align-items: center;
	gap: 12px;
	width: calc(100% + 28px);   /* temanın h3 { width: 100% } kuralı negatif kenar boşluğuyla şeridi sağda kısa bırakıyordu */
	margin: -14px -14px 2px;
	padding: 14px;
	border-radius: 13px 13px 0 0;
	background: var(--mhai-kum);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--mhai-murekkep);
}
#munire-hanim-ai .mhai-siparis__baslik + .mhai-ozet__satirlar { padding-top: 0; border-top: 0; }   /* şerit zaten ayırıyor */
#munire-hanim-ai .mhai-onay-isareti { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--mhai-altin-koyu); color: #fff; }
#munire-hanim-ai .mhai-onay-isareti svg { width: 20px; height: 20px; }
#munire-hanim-ai .mhai-onay-isareti svg path { stroke-width: 2.4; stroke-dasharray: 20; stroke-dashoffset: 20; animation: mhai-tik 320ms var(--mhai-egri) 120ms forwards; }
/* Kartla ödeme onaylandı: altın tonlu kutu; ikincil yazı da o tondan (gri değil) */
#munire-hanim-ai .mhai-odendi { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 12px; background: rgba(192, 145, 87, 0.16); animation: mhai-gelis 280ms var(--mhai-egri) both; }
#munire-hanim-ai .mhai-odendi__yazi { display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
#munire-hanim-ai .mhai-odendi__baslik { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-odendi__metin { font-size: 14px; line-height: 1.45; color: #5a4526; }
#munire-hanim-ai .mhai-siparis__no,
#munire-hanim-ai .mhai-siparis__durum { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
/* Kargo hareketleri (0.9.32): açılır liste, en yeni üstte ve vurgulu; sol çizgi zaman akışı */
#munire-hanim-ai .mhai-hareketler { border-top: 1px solid var(--mhai-cizgi); font-size: 14px; line-height: 1.45; }
#munire-hanim-ai .mhai-hareketler summary { display: list-item; padding: 12px 0 2px; font-weight: 600; color: var(--mhai-lacivert); cursor: pointer; }
#munire-hanim-ai .mhai-hareketler summary:focus-visible { outline: 2px solid var(--mhai-altin); outline-offset: 2px; border-radius: 4px; }
#munire-hanim-ai .mhai-hareketler ol { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; }
#munire-hanim-ai .mhai-hareketler li { padding-left: 12px; border-left: 2px solid var(--mhai-cizgi); color: var(--mhai-ikincil); overflow-wrap: anywhere; }
#munire-hanim-ai .mhai-hareketler li:first-child { border-left-color: var(--mhai-altin); font-weight: 600; color: var(--mhai-murekkep); }

/* Havale bilgileri (sipariş kartında): IBAN büyük ve dörderli, altında kopyala kutusu (beden kutusu ailesi) */
#munire-hanim-ai .mhai-havale { gap: 4px; }
#munire-hanim-ai .mhai-havale__iban {
	margin: 2px 0 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
	color: var(--mhai-murekkep);
	-webkit-user-select: all;
	user-select: all;
}
#munire-hanim-ai .mhai-kopyala {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 4px;
	background: var(--mhai-zemin);
	font-size: 14px;
	font-weight: 600;
	color: var(--mhai-murekkep);
	transition: border-color 160ms ease, background-color 160ms ease;
}
#munire-hanim-ai .mhai-kopyala:hover { border-color: var(--mhai-altin); }
#munire-hanim-ai .mhai-kopyala--oldu { border-color: var(--mhai-altin); background: var(--mhai-kum); }
#munire-hanim-ai .mhai-kopyala svg { width: 16px; height: 16px; flex: none; color: var(--mhai-altin-koyu); }
#munire-hanim-ai .mhai-kopyala svg path { stroke-dasharray: 20; stroke-dashoffset: 20; animation: mhai-tik 320ms var(--mhai-egri) forwards; }
/* IBAN ve alıcı adı kopyala kutuları yan yana (sığmazsa alt alta); banka adının yanında küçük logo (dosyası varsa) */
#munire-hanim-ai .mhai-havale__kopyalar { display: flex; flex-wrap: wrap; gap: 8px; }
#munire-hanim-ai .mhai-havale__banka { display: flex; align-items: center; gap: 8px; }
#munire-hanim-ai .mhai-havale__logo { width: 20px; height: 20px; flex: none; object-fit: contain; }
/* Asistanın vurguladığı sözcük (**kalın**; Atakan, 2026-10-12): yalnız ağırlık, renk değişmez */
#munire-hanim-ai .mhai-mesaj strong { font-weight: 700; color: inherit; }

/* Kapıda ödemede telefon doğrulaması (0.9.6): bilgi, kod kutusu + "Kod gönder" hapı, durum notu. Kod kutusu telefonda
   20 × 0,8 = 16px (iPhone odakta büyütmesin); harfler aralıklı, okunaklı. Doğrulanınca kum zemin + altın çerçeve. */
#munire-hanim-ai .mhai-dogrulama { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; margin-bottom: 4px; border: 1px solid var(--mhai-cizgi); border-radius: 12px; background: var(--mhai-zemin-2); }
#munire-hanim-ai .mhai-dogrulama__bilgi { display: flex; align-items: flex-start; gap: 6px; font-size: 14px; line-height: 1.4; color: var(--mhai-murekkep); }
#munire-hanim-ai .mhai-dogrulama__bilgi svg { width: 18px; height: 18px; flex: none; color: var(--mhai-altin-koyu); }
#munire-hanim-ai .mhai-dogrulama__satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#munire-hanim-ai .mhai-dogrulama__satir[hidden] { display: none; }
#munire-hanim-ai .mhai-dogrulama__kod {
	flex: 1 1 140px;
	min-width: 0;
	height: 46px;
	padding: 0 14px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 10px;
	background: var(--mhai-zemin);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.24em;
	font-variant-numeric: tabular-nums;
	color: var(--mhai-murekkep);
}
#munire-hanim-ai .mhai-dogrulama__kod[hidden] { display: none; }
#munire-hanim-ai .mhai-dogrulama__kod:focus { border-color: var(--mhai-lacivert); }
#munire-hanim-ai .mhai-dogrulama__kod::placeholder { font-size: 15px; font-weight: 500; letter-spacing: normal; color: #6b6f76; opacity: 1; }
#munire-hanim-ai .mhai-dogrulama .mhai-hap { border: 0; cursor: pointer; }
#munire-hanim-ai .mhai-dogrulama .mhai-hap:disabled { opacity: 0.6; cursor: default; }
#munire-hanim-ai .mhai-dogrulama__not { font-size: 13px; line-height: 1.4; color: var(--mhai-ikincil); }
#munire-hanim-ai .mhai-dogrulama__not:empty { display: none; }
#munire-hanim-ai .mhai-dogrulama__not--hata { color: var(--mhai-hata); font-weight: 600; }
/* Sohbette kartla ödeme: PayTR güvenli formu (iframe). Yüksekliği formun kendi mesajı belirler (JS: shrink_iframe / setHeight);
   mesaj gelene kadar PayTR'nin kendi sayfasındaki gibi en az 600px. */
#munire-hanim-ai .mhai-kartode { display: flex; flex-direction: column; gap: 10px; }
#munire-hanim-ai .mhai-kartode__form { display: block; width: 100%; min-height: 600px; border: 1px solid var(--mhai-cizgi); border-radius: 12px; background: #fff; }
#munire-hanim-ai .mhai-dogrulama--tamam { border-color: var(--mhai-altin); background: var(--mhai-kum); }

/* Yazıyor: üç örgü ilmeği sırayla atılır */
#munire-hanim-ai .mhai-yaziyor {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 18px 18px 18px 6px;
	background: var(--mhai-kum);
	color: var(--mhai-ikincil);
	font-size: 14px;
	animation: mhai-gelis 200ms var(--mhai-egri) both;
}
/* Tek iplik, üç ilmek: çizgi soldan sağa adım adım çizilir (uzunluk JS ölçer: --mhai-iplik) */
#munire-hanim-ai .mhai-yaziyor svg { --mhai-iplik: 170; width: 72px; height: 24px; flex: none; overflow: visible; }
#munire-hanim-ai .mhai-yaziyor path {
	fill: none;
	stroke: var(--mhai-altin-koyu);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: var(--mhai-iplik);
	stroke-dashoffset: var(--mhai-iplik);
	animation: mhai-ilmek 1800ms var(--mhai-egri) infinite;
}
@keyframes mhai-ilmek {
	0% { stroke-dashoffset: var(--mhai-iplik); opacity: 1; }
	62% { stroke-dashoffset: 0; opacity: 1; }
	86% { stroke-dashoffset: 0; opacity: 1; }
	100% { stroke-dashoffset: 0; opacity: 0; }
}

/* Yazma alanı */
#munire-hanim-ai .mhai-yaz {
	flex: none;
	padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--mhai-cizgi);
	background: var(--mhai-zemin);
}
#munire-hanim-ai .mhai-yaz__satir { display: flex; align-items: flex-end; gap: 8px; }
#munire-hanim-ai .mhai-yaz textarea {
	flex: 1;
	min-height: 48px;
	max-height: 132px;
	padding: 12px 16px;
	border: 1px solid var(--mhai-cerceve);
	border-radius: 24px;
	background: var(--mhai-zemin);
	font-size: 15px;
	line-height: 1.4;
	color: var(--mhai-murekkep);
	caret-color: var(--mhai-lacivert);
	resize: none;
	overflow-y: hidden;   /* boşken ▲▼ kaydırma çubuğu görünüyordu (Atakan, 2026-10-12); uzun metinde JS açar */
	transition: border-color 160ms ease;
}
#munire-hanim-ai .mhai-yaz textarea::placeholder { color: #6b6f76; opacity: 1; }
#munire-hanim-ai .mhai-yaz textarea:focus { border-color: var(--mhai-lacivert); }
#munire-hanim-ai .mhai-yaz textarea:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(8, 81, 122, 0.18); }
#munire-hanim-ai .mhai-gonder {
	flex: none;
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--mhai-siyah);
	color: #ffffff;
	transition: background-color 160ms ease, opacity 160ms ease;
}
#munire-hanim-ai .mhai-gonder:hover:not(:disabled) { background: #000000; }
/* Yazı yokken altın görünmez (soluk altın "bozuk" gibi okunuyordu): beyaz, çerçeveli, gri ok */
#munire-hanim-ai .mhai-gonder:disabled { background: var(--mhai-zemin); color: #8a8f96; box-shadow: inset 0 0 0 1px var(--mhai-cerceve); cursor: default; }
#munire-hanim-ai .mhai-gonder svg { width: 22px; height: 22px; }
/* Alt not: tek kısa satır, küçük (Atakan: "çok yer kaplamasın"); WhatsApp başlıkta */
#munire-hanim-ai .mhai-not {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.35;
	color: var(--mhai-ikincil);
	text-align: center;
}
#munire-hanim-ai .mhai-not a { color: var(--mhai-lacivert); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
#munire-hanim-ai .mhai-not > span[hidden] { display: none; }

/* ─── Yan panel: sohbet sayfası, geniş ekran ──────────────── */
/* JS (en az 960px): html.mhai-yan + #munire-hanim-ai.mhai--yan + sitenin içeriğine .mhai-yan-icerik. Sağdaki 1/3 asistan,
   başlığın altından ekranın altına; sitenin başlığı tam genişlikte kalır (Atakan, 2026-10-13). z-index 1000: Flatsome
   başlığının (1001) açılır menüleri panelin üstüne açılır. Üst kenar --mhai-yan-ust (JS, başlığın alt kenarı). */
html.mhai-yan { --mhai-yan-g: max(400px, 33.333vw); }
html.mhai-yan .mhai-yan-icerik { margin-right: var(--mhai-yan-g) !important; }
#munire-hanim-ai.mhai--yan .mhai-pano {
	z-index: 1000;
	top: var(--mhai-yan-ust, 0px);
	right: 0;
	bottom: 0;
	width: var(--mhai-yan-g);
	height: auto;
	border-width: 0 0 0 1px;
	border-radius: 0;
	box-shadow: -12px 0 32px -24px rgba(31, 31, 31, 0.35);
	transform: translateX(24px);
	transform-origin: right center;
}
#munire-hanim-ai.mhai--yan.mhai--acik .mhai-pano { transform: none; }
/* Yan panelde de yazılı "Yeni sohbet" hapı (Atakan, 2026-10-15; başlıktaki WhatsApp hapı kalkınca yer açıldı) */

/* ─── Telefon: tam ekran ───────────────────────────────────── */

@media (max-width: 639px) {
	#munire-hanim-ai .mhai-pano {
		/* Üst kenar görünen alanın üstü (klavye açıkken iOS görünen alanı kaydırır; JS --mhai-vt yazar) */
		top: var(--mhai-vt, 0px);
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: var(--mhai-vh, 100dvh);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		transform: translateY(24px);
	}
	/* Telefonda pencerenin içi %80 ölçek (Atakan, 2026-10-12, iPhone: "sayfa küçültme ile %80'e indirdiğimde çok daha güzel
	   oldu"). Pano tam ekran kalır, içindeki bölümler küçülür; galeri pencerenin dışında, ölçeklenmez. Aşağıdaki boyutlar
	   ölçekten ÖNCEKİ değerlerdir (ekranda ×0,8). Çentik ve alt çubuk payı ×1,25 ile korunur. */
	#munire-hanim-ai .mhai-pano > * { zoom: 0.8; }
	#munire-hanim-ai .mhai-baslik { padding-top: calc(10px + env(safe-area-inset-top, 0px) * 1.25); }
	#munire-hanim-ai .mhai-yaz { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px) * 1.25); }
	#munire-hanim-ai .mhai-baslat { right: 12px; }
	#munire-hanim-ai .mhai-davet { right: 12px; }
	/* Telefonda açma düğmesi ve davet balonu daha küçük (Atakan, 2026-10-19: "çok büyük duruyor site içeriğini kapatıyor"):
	   düğme 48 px (masaüstünde 56), İlmek'in yuvarlağı 40 px (rozet aynı oranla küçülür, saç yine taşar), yazı 14 px;
	   davet balonu en çok 280 px, maskot 72 px, yazı 13 px. */
	#munire-hanim-ai .mhai-baslat { height: 48px; padding: 0 4px; font-size: 14px; grid-template-columns: 40px minmax(0, 1fr); }
	#munire-hanim-ai .mhai-baslat--kucuk { grid-template-columns: 40px minmax(0, 0fr); }
	#munire-hanim-ai .mhai-baslat--devam.mhai-baslat--kucuk { grid-template-columns: 40px minmax(0, 1fr); }
	#munire-hanim-ai .mhai-baslat__yazi { padding: 0 10px 0 8px; }
	#munire-hanim-ai .mhai-baslat .mhai-yuz--tasan { width: 40px; height: 40px; }
	#munire-hanim-ai .mhai-baslat .mhai-yuz__ic { left: -10.8px; top: -14.6px; width: 61.5px; height: 55px; }
	#munire-hanim-ai .mhai-davet { width: min(280px, calc(100vw - 24px)); bottom: calc(var(--mhai-alt-bosluk) + env(safe-area-inset-bottom, 0px) + 60px); }
	#munire-hanim-ai .mhai-davet__ac { grid-template-columns: 72px minmax(0, 1fr); border-radius: 16px; }
	#munire-hanim-ai .mhai-davet__ac::after { right: 18px; }
	#munire-hanim-ai .mhai-davet__maskot { width: 72px; margin: -32px 0 6px 2px; }
	#munire-hanim-ai .mhai-davet__yazi { gap: 2px; padding: 10px 32px 10px 10px; font-size: 13px; line-height: 1.4; }
	#munire-hanim-ai .mhai-davet__yazi b { font-size: 14px; }
	#munire-hanim-ai .mhai-davet__kapat { top: 0; right: 0; }   /* dokunma alanı 40 px kalır */
	#munire-hanim-ai .mhai-akis { padding: 16px 12px 10px; }
	#munire-hanim-ai .mhai-mesaj { font-size: 16px; padding: 10px 14px; }
	/* Yazma alanı ekranda 16px (20 × 0,8): 16px'in altına inerse iPhone odakta sayfayı büyütür */
	#munire-hanim-ai .mhai-yaz textarea { font-size: 20px; line-height: 1.3; min-height: 52px; }
	#munire-hanim-ai .mhai-gonder { width: 52px; height: 52px; }
	#munire-hanim-ai .mhai-cip { font-size: 15px; min-height: 44px; }
	#munire-hanim-ai .mhai-kart__ad,
	#munire-hanim-ai .mhai-kart__fiyat { font-size: 14px; }
	#munire-hanim-ai .mhai-baslik__ad { font-size: 17px; }
	/* Telefonda da yazılı "Yeni sohbet" hapı (Atakan, 2026-10-15: "mobilde ve masaüstünde yeni sohbet yazısı olsun") */
	#munire-hanim-ai .mhai-baslik { gap: 6px; }   /* 360 px'te "Münire Hanım" kesilmesin */
	#munire-hanim-ai .mhai-yeni { height: 40px; padding: 0 12px 0 10px; gap: 5px; font-size: 14px; }
	#munire-hanim-ai.mhai--klavye .mhai-yeni { display: none; }   /* yazarken başlık ince: sıfırlama gerekmez */
	#munire-hanim-ai .mhai-genislet { display: none; }   /* telefonda pano zaten tam ekran */
	/* Klavye açıkken (JS: .mhai--klavye) yer pencereden kazanılır: ince başlık (≈44 px), WhatsApp yalnız simge, sepet şeridi
	   ve alt not gizli (Atakan, 2026-10-10: "klavye açıldığında üst kısım daha dar olsun") */
	#munire-hanim-ai.mhai--klavye .mhai-baslik { min-height: 44px; gap: 8px; padding-top: calc(2px + env(safe-area-inset-top, 0px) * 1.25); padding-bottom: 2px; }
	#munire-hanim-ai.mhai--klavye .mhai-baslik img { width: 26px; height: 26px; }
	#munire-hanim-ai.mhai--klavye .mhai-baslik__ad { font-size: 16px; }
	#munire-hanim-ai.mhai--klavye .mhai-baslik__alt { display: none; }
	#munire-hanim-ai.mhai--klavye .mhai-kapat { width: 40px; height: 40px; }
	#munire-hanim-ai.mhai--klavye .mhai-sepet { display: none; }
	#munire-hanim-ai.mhai--klavye .mhai-not { display: none; }
}
html.mhai-kilit, html.mhai-kilit body { overflow: hidden !important; }
/* iPhone (Safari 26): klavye açıkken adres hapı ve klavye üstü şeridi saydam, sayfanın üstünde yüzüyor; pano görünen alanın
   altında bitince aradan sitenin görselleri görünüyordu (Atakan, 2026-10-13). Arkada zemin (0.9.16) tutmadı → telefonda sohbet
   tam ekran açıkken (yalnız o zaman: .mhai-kilit) site gizlenir; şeritlerin arkasında beyaz sayfa kalır. */
html.mhai-kilit, html.mhai-kilit body { background: #fff !important; }
html.mhai-kilit body > *:not(#munire-hanim-ai) { visibility: hidden !important; }
html.mhai-kilit #munire-hanim-ai { visibility: visible !important; }

/* ─── Fotoğraf galerisi ────────────────────────────────────── */
/* Fotoğraf koyu zeminde okunur (ürün renkleri bozulmadan); kontroller beyaz, en az 48px. Kaydırma tarayıcının kendi
   scroll-snap'i: telefonda parmakla, masaüstünde oklarla / klavyeyle. */
#munire-hanim-ai .mhai-galeri {
	position: fixed;
	inset: 0;
	z-index: 99995;
	display: flex;
	flex-direction: column;
	background: #161616;   /* tam koyu: arkadaki sohbet yazısı fotoğrafın arkasından görünmesin */
	color: #fff;
	animation: mhai-galeri-gel 220ms var(--mhai-egri) both;
}
@keyframes mhai-galeri-gel { from { opacity: 0; } to { opacity: 1; } }
#munire-hanim-ai .mhai-galeri__ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	padding: env(safe-area-inset-top, 0px) 6px 0 18px;
}
#munire-hanim-ai .mhai-galeri__sayac { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, 0.9); }
#munire-hanim-ai .mhai-galeri__kapat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	color: #fff;
	transition: background-color 160ms ease;
}
#munire-hanim-ai .mhai-galeri__kapat:hover { background: rgba(255, 255, 255, 0.12); }
#munire-hanim-ai .mhai-galeri__kapat svg { width: 26px; height: 26px; }
#munire-hanim-ai .mhai-galeri__orta { position: relative; flex: 1; min-height: 0; }
#munire-hanim-ai .mhai-galeri__serit {
	display: flex;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	overscroll-behavior: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
#munire-hanim-ai .mhai-galeri__serit::-webkit-scrollbar { display: none; }
#munire-hanim-ai .mhai-galeri__kare {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 12px;
	scroll-snap-align: center;
	scroll-snap-stop: always;
}
#munire-hanim-ai .mhai-galeri__kare img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 6px;
	background: #2a2a2a;
	user-select: none;
	-webkit-user-drag: none;
}
#munire-hanim-ai .mhai-galeri__ok {
	position: absolute;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-top: -26px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	color: var(--mhai-murekkep);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
	transition: opacity 160ms ease, transform 160ms var(--mhai-egri);
}
#munire-hanim-ai .mhai-galeri__ok:hover:not(:disabled) { transform: scale(1.05); }
#munire-hanim-ai .mhai-galeri__ok:disabled { opacity: 0; pointer-events: none; }
#munire-hanim-ai .mhai-galeri__ok svg { width: 24px; height: 24px; }
#munire-hanim-ai .mhai-galeri__ok--geri { left: 20px; }
#munire-hanim-ai .mhai-galeri__ok--ileri { right: 20px; }
@media (pointer: coarse) {
	#munire-hanim-ai .mhai-galeri__ok { display: none; }   /* telefonda parmakla kaydırılır */
}
/* Altta küçük önizlemeler (Atakan, 2026-10-13): ortalanır, taşarsa yana kayar (ilk / son öğede auto pay: ortalarken baştaki
   önizleme kesilmesin). Gösterilen beyaz çerçeveli, öbürleri soluk. Dokunma alanı en az 56px. */
#munire-hanim-ai .mhai-galeri__onizleme {
	display: flex;
	gap: 8px;
	padding: 10px 18px 0;
	overflow-x: auto;
	overscroll-behavior: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
#munire-hanim-ai .mhai-galeri__onizleme::-webkit-scrollbar { display: none; }
#munire-hanim-ai .mhai-galeri__onizle:first-child { margin-left: auto; }
#munire-hanim-ai .mhai-galeri__onizle:last-child { margin-right: auto; }
#munire-hanim-ai .mhai-galeri__onizle {
	flex: none;
	width: 56px;
	height: 56px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	background: #2a2a2a;
	opacity: 0.55;
	transition: opacity 160ms ease, border-color 160ms ease;
}
#munire-hanim-ai .mhai-galeri__onizle img { display: block; width: 100%; height: 100%; object-fit: cover; user-select: none; -webkit-user-drag: none; }
#munire-hanim-ai .mhai-galeri__onizle:hover { opacity: 0.85; }
#munire-hanim-ai .mhai-galeri__onizle[aria-current="true"] { opacity: 1; border-color: #fff; }
@media (min-width: 640px) {
	#munire-hanim-ai .mhai-galeri__onizle { width: 68px; height: 68px; }
}
#munire-hanim-ai .mhai-galeri__alt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 18px calc(12px + env(safe-area-inset-bottom, 0px));
}
#munire-hanim-ai .mhai-galeri__ad {
	min-width: 0;
	font-size: 15px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.88);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#munire-hanim-ai .mhai-galeri__incele {
	flex: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}
#munire-hanim-ai .mhai-galeri :focus-visible { outline-color: #fff; }
#munire-hanim-ai .mhai-kart--acilir { cursor: pointer; }   /* kartın her yeri fotoğrafları açar */

@media (prefers-reduced-motion: reduce) {
	#munire-hanim-ai *, #munire-hanim-ai *::before, #munire-hanim-ai *::after {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}
	#munire-hanim-ai .mhai-yaziyor path { stroke-dashoffset: 0; opacity: 1; }
}

@media print { #munire-hanim-ai { display: none !important; } }