/* mf-v3.css -- MEAT FEST v3 temel katmani (PLAN-site-tasarim-v3.md, Faz 1).
   Kaynak: meatfest-site_1.html prototipi (palet, tipografi, ortak bilesenler) -- kopyalanmaz, cevrilir.
   Kurallar: yalniz body.mf-v3 altinda; Woodmart'i --wd-* degiskenleriyle yonet, ozgulluk yarisina girme;
   bilesen siniflari mf- onekli (Woodmart .btn/.title siniflariyla carpismasin); satir ici font/renk yok.
   Yalniz v3 kapisi acikken yuklenir (mf-v3-kapi.php). */

/* ------------------------------------------------------------------ 1. Token'lar */
body.mf-v3 {
	--mf-navy: #0E1A2B;
	--mf-navy-2: #142537;
	--mf-navy-deep: #09121E;
	--mf-line: #22344F;
	--mf-gold: #C9A45C;
	--mf-gold-lt: #EAC993;
	--mf-gold-dk: #8F6F3E;
	/* kucuk altin yazi (urun karti kategori hapi): #8F6F3E krem zeminde 4.1:1, AA 4.5 icin koyu ton */
	--mf-gold-txt: #7A5C2E;
	--mf-red: #B3262D;
	--mf-red-dk: #8E1B20;
	--mf-bone: #F5F1E8;
	--mf-bone-2: #EFE9DD;
	--mf-ink: #1A1D24;
	--mf-muted: #5E6470;
	--mf-body: #3A3F4A;
	--mf-ease: cubic-bezier(.2, .7, .2, 1);
	--mf-wrap: 1222px;
	--mf-f-head: "Oswald", Arial, Helvetica, sans-serif;
	--mf-f-body: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;

	/* Woodmart'in okudugu degiskenler. :root'ta baska degiskenden turetilenler (ornegin
	   --wd-alternative-font) orada COZULUP oyle miras kaldigi icin burada yeniden tanimlanir. */
	--wd-primary-color: var(--mf-red);
	--wd-alternative-color: var(--mf-gold);
	--wd-main-bgcolor: var(--mf-bone);
	--wd-text-font: var(--mf-f-body);
	--wd-text-font-weight: 400;
	--wd-text-color: var(--mf-muted);
	--wd-text-font-size: 15px;
	--wd-title-font: var(--mf-f-head);
	--wd-title-font-weight: 600;
	--wd-title-color: var(--mf-navy);
	--wd-entities-title-font: var(--mf-f-head);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: var(--mf-navy);
	--wd-entities-title-color-hover: var(--mf-red);
	--wd-alternative-font: var(--mf-f-body);
	--wd-widget-title-font: var(--mf-f-head);
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-color: var(--mf-navy);
	--wd-header-el-font: var(--mf-f-head);
	--wd-header-el-font-weight: 500;
	--wd-link-color: var(--mf-navy);
	--wd-link-color-hover: var(--mf-red);
	--btn-accented-bgcolor: var(--mf-red);
	--btn-accented-bgcolor-hover: var(--mf-navy);
	--wd-otl-style: solid;

	background-color: var(--mf-bone);
	color: var(--mf-muted);
	font-family: var(--mf-f-body);
	/* Carousel'in ekran disi slaytlari yatay tasma uretiyor (Faz 0 TABAN) -> v2'deki gibi kirp. */
	overflow-x: clip;
}

body.mf-v3 ::selection {
	background: var(--mf-gold);
	color: var(--mf-navy);
}

body.mf-v3 :focus-visible {
	outline: 2px solid var(--mf-gold);
	outline-offset: 3px;
}

/* ------------------------------------------------------------------ 2. Kaydirma ilerleme cubugu (JS ekler) */
.mf-v3 .mf-progress {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	height: 3px;
	transform: scaleX(0);
	transform-origin: left;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-gold-lt), var(--mf-red));
	pointer-events: none;
}

.mf-v3.admin-bar .mf-progress {
	top: 32px;
}

@media (max-width: 782px) {
	.mf-v3.admin-bar .mf-progress {
		top: 46px;
	}
}

/* ------------------------------------------------------------------ 3. Dugme: kayma parlitisi + ok halkasi */
.mf-v3 .mf-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px 14px 26px;
	overflow: hidden;
	isolation: isolate;
	border: 0;
	border-radius: 999px;
	background: var(--mf-red);
	color: #fff;
	font: 500 14px/1.2 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 12px 26px -12px rgba(179, 38, 45, .8);
	transition: background .3s, color .3s, transform .3s var(--mf-ease), box-shadow .3s, translate .2s var(--mf-ease);
}

.mf-v3 .mf-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(110deg, transparent 30%, rgba(234, 201, 147, .55) 50%, transparent 70%);
	transform: translateX(-120%);
	transition: transform .7s var(--mf-ease);
}

.mf-v3 .mf-btn svg,
.mf-v3 .mf-btn .mf-btn-ok {
	flex: none;
	width: 30px;
	height: 30px;
	padding: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .18);
	transition: transform .3s var(--mf-ease), background .3s, color .3s;
}

.mf-v3 .mf-btn:hover,
.mf-v3 .mf-hov:hover .mf-btn {
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
	transform: translateY(-2px);
	box-shadow: 0 16px 30px -12px rgba(14, 26, 43, .7), inset 0 0 0 1px var(--mf-gold);
}

.mf-v3 .mf-btn:hover::before,
.mf-v3 .mf-hov:hover .mf-btn::before {
	transform: translateX(120%);
}

.mf-v3 .mf-btn:hover svg,
.mf-v3 .mf-btn:hover .mf-btn-ok,
.mf-v3 .mf-hov:hover .mf-btn svg {
	transform: translateX(3px);
	background: var(--mf-gold);
	color: var(--mf-navy);
}

.mf-v3 .mf-btn.mf-btn--line {
	background: transparent;
	color: var(--mf-navy);
	box-shadow: inset 0 0 0 1.5px rgba(14, 26, 43, .25);
}

.mf-v3 .mf-btn.mf-btn--line svg,
.mf-v3 .mf-btn.mf-btn--line .mf-btn-ok {
	background: rgba(14, 26, 43, .08);
}

.mf-v3 .mf-btn.mf-btn--line:hover {
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
}

.mf-v3 .mf-btn.mf-btn--navy {
	background: var(--mf-navy);
}

.mf-v3 .mf-btn.mf-btn--navy:hover {
	background: var(--mf-red);
	color: #fff;
}

/* ------------------------------------------------------------------ 4. Eyebrow + bolum basligi + hayalet yazi */
.mf-v3 .mf-eyebrow,
.mf-v3 .mf-eyebrow-blok p,
.mf-v3 .mf-slayt-ust p {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	color: var(--mf-red);
	font: 600 13px/1.4 var(--mf-f-head);
	letter-spacing: .24em;
	text-transform: uppercase;
}

.mf-v3 .mf-eyebrow::before,
.mf-v3 .mf-eyebrow-blok p::before,
.mf-v3 .mf-slayt-ust p::before {
	content: "";
	flex: none;
	width: 34px;
	height: 2px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
}

.mf-v3 .mf-section {
	position: relative;
	isolation: isolate;
}

.mf-v3 .mf-sec-title,
.mf-v3 .mf-baslik .title,
.mf-v3 .mf-urun-sekme .wd-tabs .tabs-name {
	position: relative;
	margin: 0;
	color: var(--mf-navy);
	font: 600 34px/1.15 var(--mf-f-head);
	letter-spacing: .05em;
	text-transform: uppercase;
}

.mf-v3 .mf-sec-title::after,
.mf-v3 .mf-baslik .title::after,
.mf-v3 .mf-urun-sekme .wd-tabs .tabs-name::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 10px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .9s var(--mf-ease) .2s;
}

.mf-v3 .mf-in .mf-sec-title::after,
.mf-v3 .mf-sec-title.mf-in::after,
.mf-v3 .mf-in .mf-baslik .title::after,
.mf-v3 .mf-in.mf-baslik .title::after,
.mf-v3 .mf-urun-sekme .mf-in .tabs-name::after,
html:not(.mf-js) .mf-v3 .mf-sec-title::after,
html:not(.mf-js) .mf-v3 .mf-baslik .title::after,
html:not(.mf-js) .mf-v3 .mf-urun-sekme .wd-tabs .tabs-name::after {
	transform: scaleX(1);
}

.mf-v3 .mf-sec-ghost {
	position: absolute;
	left: -6px;
	bottom: 6px;
	z-index: -1;
	max-width: 100%;
	overflow: hidden;
	color: transparent;
	font: 700 110px/1 var(--mf-f-head);
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-text-stroke: 1.5px rgba(14, 26, 43, .07);
	pointer-events: none;
	user-select: none;
}

/* ------------------------------------------------------------------ 5. Gorunur olunca acilma (JS html.mf-js ekler) */
html.mf-js .mf-v3 .mf-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .8s var(--mf-ease), transform .8s var(--mf-ease);
	transition-delay: var(--d, 0s);
}

html.mf-js .mf-v3 .mf-reveal.mf-in {
	opacity: 1;
	transform: none;
}

/* ------------------------------------------------------------------ 6. Kart isigi (JS --mx/--my verir) */
.mf-v3 .mf-isik {
	position: relative;
	overflow: hidden;
}

.mf-v3 .mf-isik::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%), rgba(201, 164, 92, .2), transparent 60%);
	transition: opacity .35s;
	pointer-events: none;
}

.mf-v3 .mf-isik:hover::after {
	opacity: 1;
}

/* ==================================================================
   FAZ 2 -- header, mega menu, footer, mobil cekmece/arac cubugu.
   Yapisal fark (logo rozeti, ust bar baglantilari, footer-v3 blogu) mf-v3-kapi.php'de, yalniz
   bellekte; burada yalniz gorunum. Header satir yukseklikleri SABIT kalir (yapisinca kuculmez):
   akistaki yapiskan header'in boyu degisirse tarayicinin kaydirma capasi esik cevresinde
   salinim uretir -- yapisinca yalniz logo kuculur (html.mf-stuck, mf-v3.js).
   ================================================================== */

/* ------------------------------------------------------------------ 7. Ust bar */
body.mf-v3 .whb-top-bar {
	background: var(--mf-navy-deep);
	border-bottom: 1px solid var(--mf-line);
}

/* G7: kutunun tamamini kaplayan .wd-info-box-link 19,2 px boyluydu -> WCAG 2.5.8 hedef boyutu (24 px) TR'de
   uzun metinle komsu bosluk da daralinca axe target-size verdi. Kutu en az 24 px; ust bar 40 px, boy degismez. */
body.mf-v3 .whb-top-bar .wd-info-box {
	--ib-icon-sp: 8px;
	min-height: 24px;
	align-items: center;
}

body.mf-v3 .whb-top-bar .info-box-inner {
	color: rgba(245, 241, 232, .72);
	font-size: 12px;
	transition: color .25s;
}

body.mf-v3 .whb-top-bar .info-box-wrapper:hover .info-box-inner {
	color: var(--mf-gold-lt);
}

/* Ikonlar tek renkli SVG <img>: renk verilemez -> ayni SVG maske olur, zemin altin. */
body.mf-v3 .whb-top-bar .info-svg-wrapper {
	width: 13px !important;
	height: 13px !important;
	background: var(--mf-gold);
	-webkit-mask: var(--mf-ikon) center / contain no-repeat;
	mask: var(--mf-ikon) center / contain no-repeat;
}

body.mf-v3 .whb-top-bar .info-svg-wrapper img {
	opacity: 0;
}

body.mf-v3 .whb-u0qhs63ewzjyxlk2ofet {
	--mf-ikon: url("/wp-content/uploads/2021/10/groceryt-phone.svg");
}

body.mf-v3 .whb-6ya7sx9kqq2yt1yb2903 {
	--mf-ikon: url("/wp-content/uploads/2021/10/grocery-envelope.svg");
}

body.mf-v3 .whb-juedravshncijtplks25 {
	--mf-ikon: url("/wp-content/uploads/2021/10/grocery-pointer.svg");
}

body.mf-v3 .whb-top-bar .wd-nav-main {
	--nav-color: rgba(245, 241, 232, .72);
	--nav-color-hover: var(--mf-gold-lt);
	--nav-color-active: var(--mf-gold-lt);
	--nav-gap: 22px;
}

body.mf-v3 .whb-top-bar .wd-nav-main > li > a {
	font: 500 12px/1.2 var(--mf-f-head);
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* G1: sag kolon = "Social media" menusu (Woodmart 'menu' elemani -> .wd-nav-secondary).
   Ikon maskesi; metin ekran okuyucuda kalir (erisilebilir ad = Facebook / Instagram). */
body.mf-v3 .whb-top-bar .wd-nav-secondary {
	--nav-gap: 10px;
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	/* Woodmart nav linkine satir yuksekligi kadar min-height (42px) verir -> daire ovale donuyordu */
	min-height: 0;
	padding: 0;
	border: 1px solid rgba(201, 164, 92, .35);
	border-radius: 50%;
	transition: border-color .25s, background-color .25s;
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a::before {
	content: "";
	width: 13px;
	height: 13px;
	background: var(--mf-gold);
	-webkit-mask: var(--mf-ikon) center / contain no-repeat;
	mask: var(--mf-ikon) center / contain no-repeat;
	transition: background-color .25s;
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a:hover,
body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a:focus-visible {
	border-color: var(--mf-gold-lt);
	background: rgba(201, 164, 92, .12);
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a:hover::before,
body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal > a:focus-visible::before {
	background: var(--mf-gold-lt);
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal .nav-link-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

body.mf-v3 .whb-top-bar li.mf-sosyal-facebook {
	--mf-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-5 2.2-5 5v2H7v4h2v9h4v-9h3l1-4h-4V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
}

body.mf-v3 .whb-top-bar li.mf-sosyal-instagram {
	--mf-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E");
}

/* G7: dil secici (mf-v3-dil.php secici_html) -- sosyal ikonlardan sonra ince ayracla "EN TR".
   Gorunen kisaltma; tam ad (.mf-dil-ad) ekran okuyucuda kalir. Etkin dil altin, digeri kemik rengi. */
body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-sosyal + li.mf-dil-ust {
	margin-inline-start: 8px;
	padding-inline-start: 14px;
	border-inline-start: 1px solid var(--mf-line);
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-dil-ust > a {
	min-height: 0;
	padding: 4px 2px;
	color: rgba(245, 241, 232, .72);
	font: 500 12px/1.2 var(--mf-f-head);
	letter-spacing: .12em;
	text-transform: uppercase;
	transition: color .25s;
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-dil-ust > a:hover,
body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-dil-ust > a:focus-visible,
body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-dil-etkin > a {
	color: var(--mf-gold-lt);
}

body.mf-v3 .whb-top-bar .wd-nav-secondary > li.mf-dil-etkin > a {
	box-shadow: inset 0 -1px 0 var(--mf-gold);
}

body.mf-v3 .whb-top-bar li.mf-dil-ust .mf-dil-ad {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* G7: mobil cekmece (sayfalar menusu) -- English / Türkçe; etkin dil altin ve isaretli */
body.mf-v3 .mobile-nav .wd-nav-mobile > li.mf-dil-mobil > a {
	text-transform: none;
	letter-spacing: .02em;
}

body.mf-v3 .mobile-nav .wd-nav-mobile > li.mf-dil-etkin > a {
	color: var(--mf-gold-lt);
}

body.mf-v3 .mobile-nav .wd-nav-mobile > li.mf-dil-etkin > a .nav-link-text::after {
	content: " \2713";
	content: " \2713" / ""; /* gorsel isaret, okunmaz: aria-current zaten bildiriyor (desteklemeyen tarayici ustteki satiri kullanir) */
}

/* G7: TR masaustu ana menu 1. seviye yalniz Turkce (Okan, 2026-10-02): parantezli adlarla 1.031 px, alan 672 px ->
   ikinci satir hero'ya biniyordu. .mf-en-ek = " (English)" (mf-v3-dil.php ingilizce_isaretle). Alt menu, mobil
   cekmece, kart ve basliklar "Türkçe (English)" kalir. */
body.mf-v3 .whb-general-header .wd-nav-secondary > li > a .mf-en-ek {
	display: none;
}

/* ------------------------------------------------------------------ 8. Header satiri + animasyonlu cizgi */
body.mf-v3 .whb-general-header {
	position: relative;
	background: linear-gradient(180deg, var(--mf-navy-2), var(--mf-navy));
	border-bottom: 0;
	--wd-header-el-color: var(--mf-gold-lt);
	--wd-header-el-color-hover: #fff;
}

body.mf-v3 .whb-general-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	height: 3px;
	background: linear-gradient(90deg, transparent 0%, var(--mf-gold) 18%, var(--mf-gold-lt) 50%, var(--mf-red) 82%, transparent 100%);
	background-size: 200% 100%;
	animation: mf-cizgi 9s linear infinite;
	pointer-events: none;
}

@keyframes mf-cizgi {
	to {
		background-position: 200% 0;
	}
}

/* Yuvarlak rozet: satirdan tasar (translateY), giriste doner; yapisinca 60 px. */
body.mf-v3 .whb-general-header .site-logo {
	position: relative;
	z-index: 3;
}

/* Cercevesiz rozet (Okan, 2026-09-25): zemin + halka yok. Woodmart img'yi satir boyuna kisar (max-height) ve 5 px dikey
   dolgu verir -> kutu kare olmaz (108x85), zemin/golge elips cizer ve logo 75 px'e sigdirilir (olcum). Kisma ve dolgu
   kaldirilir; rozet dairesi tamamen opak (olcum), golge filter ile daireyi izler. */
body.mf-v3 .whb-general-header .site-logo .wd-main-logo img {
	max-height: none !important;
	padding: 0 !important;
	border-radius: 50%;
	filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .45));
	animation: mf-logo-giris 1.1s var(--mf-ease) .15s backwards;
	transition: width .45s var(--mf-ease), height .45s var(--mf-ease), max-width .45s var(--mf-ease), transform .45s var(--mf-ease);
}

body.mf-v3 .whb-general-header .whb-col-left .wd-main-logo img {
	width: 100px;
	height: 100px;
	max-width: 100px !important;
	transform: translateY(14px);
}

html.mf-stuck body.mf-v3 .whb-general-header .whb-col-left .wd-main-logo img {
	width: 64px;
	height: 64px;
	max-width: 64px !important;
	transform: translateY(3px);
}

@keyframes mf-logo-giris {
	from {
		opacity: 0;
		transform: translateY(14px) rotate(-120deg) scale(.6);
	}
}

/* ------------------------------------------------------------------ 9. Ana menu (masaustu) */
body.mf-v3 .whb-general-header .wd-nav-secondary {
	--nav-color: rgba(245, 241, 232, .86);
	--nav-color-hover: var(--mf-gold-lt);
	--nav-color-active: var(--mf-gold-lt);
	--nav-gap: 0px;
	--nav-pd: 0 11px;
}

/* Madde satir boyunca uzanir: fare maddeden mega panele inerken hover kopmasin (v2 olcumu). */
body.mf-v3 .whb-general-header .wd-nav-secondary > li > a {
	min-height: var(--wd-header-general-h, 85px);
	font: 500 14.5px/1.2 var(--mf-f-head);
	letter-spacing: .09em;
	text-transform: uppercase;
}

body.mf-v3 .whb-general-header .wd-nav-secondary > li > a::after {
	content: none;
}

/* Mega panelli maddelerde altin ok (prototip): Woodmart'in ikon fontu yerine CSS ok, hover'da doner. */
body.mf-v3 .whb-general-header .wd-nav-secondary > li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 7px;
	border-right: 1.5px solid var(--mf-gold);
	border-bottom: 1.5px solid var(--mf-gold);
	font-size: 0;
	transform: rotate(45deg);
	transition: transform .3s var(--mf-ease), margin .3s var(--mf-ease);
}

body.mf-v3 .whb-general-header .wd-nav-secondary > li.menu-item-has-children:hover > a::after,
body.mf-v3 .whb-general-header .wd-nav-secondary > li.menu-item-has-children:focus-within > a::after {
	margin-top: 3px;
	transform: rotate(225deg);
}

body.mf-v3 .whb-general-header .wd-nav-secondary .nav-link-text {
	position: relative;
}

body.mf-v3 .whb-general-header .wd-nav-secondary > li > a .nav-link-text::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .35s var(--mf-ease);
}

body.mf-v3 .whb-general-header .wd-nav-secondary > li:hover > a .nav-link-text::after,
body.mf-v3 .whb-general-header .wd-nav-secondary > li:focus-within > a .nav-link-text::after,
body.mf-v3 .whb-general-header .wd-nav-secondary > li.current-menu-item > a .nav-link-text::after,
body.mf-v3 .whb-general-header .wd-nav-secondary > li.current-menu-ancestor > a .nav-link-text::after,
body.mf-v3 .whb-general-header .wd-nav-secondary > li.current-product_cat-ancestor > a .nav-link-text::after {
	transform: scaleX(1);
}

/* ------------------------------------------------------------------ 10. Arama (kategori secicili hap) */
/* Kategori secicisi korunur (plan): etiket (136 px) ve yer tutucu (127 px) kesilmesin diye 400 px (olcum). */
body.mf-v3 .whb-general-header .wd-header-search-form {
	--wd-search-form-width: 400px;
}

body.mf-v3 .whb-general-header .searchform {
	--wd-form-height: 44px;
	--wd-form-bg: rgba(255, 255, 255, .05);
	--wd-form-color: var(--mf-bone);
	--wd-form-placeholder-color: rgba(245, 241, 232, .55);
	--wd-form-brd-color: rgba(201, 164, 92, .35);
	--wd-form-brd-color-focus: var(--mf-gold);
	--wd-form-brd-radius: 999px;
	--wd-form-brd-width: 1px;
	--wd-search-cat-w: 136px;
}

body.mf-v3 .whb-general-header .searchform input[type="text"] {
	padding-inline-start: 18px;
	font-size: 13.5px;
	transition: border-color .25s, background-color .25s;
}

body.mf-v3 .whb-general-header .searchform input[type="text"]:focus {
	background-color: rgba(255, 255, 255, .08);
}

body.mf-v3 .whb-general-header .wd-search-cat-btn {
	padding-inline: 12px;
	border-inline-end: 0;
	color: var(--mf-gold-lt);
	font: 500 11px/1 var(--mf-f-head);
	letter-spacing: .1em;
}

body.mf-v3 .whb-general-header .searchsubmit {
	--btn-color: var(--mf-gold);
	--btn-color-hover: var(--mf-gold-lt);
}

@media (min-width: 1025px) and (max-width: 1300px) {
	body.mf-v3 .whb-general-header .wd-nav-secondary {
		--nav-pd: 0 8px;
	}

	body.mf-v3 .whb-general-header .wd-nav-secondary > li > a {
		font-size: 13.5px;
		letter-spacing: .05em;
	}

	body.mf-v3 .whb-general-header .wd-header-search-form {
		--wd-search-form-width: 380px;
	}
}

/* ------------------------------------------------------------------ 11. Yapiskan header (masaustu: klon yerine gercek header) */
/* Woodmart'in klonu `mainmenu` ogesini kopyaliyor, bizim `menu` ogemizi degil (v2 olcumu):
   klonda ana menu ve arama yok. Klon gizlenir, gercek header ust bar kadar yukari kayip yapisir. */
@media (min-width: 1025px) {
	body.mf-v3 .whb-clone {
		display: none !important;
	}

	body.mf-v3 .whb-header {
		position: sticky !important;
		z-index: 390 !important;
		top: calc(var(--wd-admin-bar-h, 0px) - var(--wd-top-bar-h, 40px)) !important;
	}
}

/* ------------------------------------------------------------------ 12. Mega menu (4 kategori, koyu, sutunlu) */
@media (min-width: 1025px) {
	body.mf-v3 .whb-general-header .whb-flex-row {
		position: static;
	}

	/* Tam genislik (prototip): madde ve satir static -> panelin iceren blogu .whb-general-header
	   (relative, 8. bolum) olur; icerik .container ile site genisligine hizalanir.
	   (nav'a transform/position VERILMEZ: iceren blogu degistirir, panel coker -- v2 olcumu.) */
	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children {
		position: static;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children > .wd-dropdown-menu {
		--wd-dropdown-bg-color: var(--mf-navy);
		position: absolute;
		top: calc(100% - 5px);
		left: 0;
		right: 0;
		width: auto;
		min-width: 0;
		max-width: none;
		margin: 0;
		padding: 0;
		background: var(--mf-navy);
		border-top: 2px solid var(--mf-gold);
		border-radius: 0;
		box-shadow: 0 34px 60px -24px rgba(0, 0, 0, .7);
		transform: translateY(10px);
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children > .wd-dropdown-menu::after {
		height: 20px;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children > .wd-dropdown-menu > .container {
		width: auto;
		max-width: calc(var(--mf-wrap) + 40px);
		max-height: 72vh;
		margin-inline: auto;
		padding: 26px 20px 30px;
		overflow: auto;
		overscroll-behavior: contain;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .wd-sub-menu {
		display: block;
		columns: 6 170px;
		column-gap: 28px;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .wd-sub-menu > li {
		display: block;
		padding-bottom: 18px;
		break-inside: avoid;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .wd-sub-menu > li > a {
		display: block;
		margin-bottom: 6px;
		padding: 0 0 8px;
		border-bottom: 1px solid var(--mf-line);
		color: var(--mf-gold-lt);
		font: 500 14px/1.3 var(--mf-f-head);
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .wd-sub-menu > li > a:hover {
		color: #fff;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .wd-sub-menu > li > a::after,
	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .sub-sub-menu::after {
		content: none;
	}

	/* Ikinci duzey: panelin icinde akar. Gorunurluk YALNIZ panel acikken verilir; her zaman
	   verilirse kapali panelin pointer-events:none'ini deler (v2'de Doner paneli tiklanabilir kaldi). */
	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .sub-sub-menu {
		position: static;
		display: block;
		top: auto;
		left: auto;
		width: auto;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		transform: none;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children:hover .sub-sub-menu,
	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children.wd-opened .sub-sub-menu,
	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children:focus-within .sub-sub-menu {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .sub-sub-menu > li > a {
		padding: 5px 0;
		color: rgba(245, 241, 232, .74);
		font: 400 13.5px/1.35 var(--mf-f-body);
		transition: color .2s, padding .25s var(--mf-ease), box-shadow .25s;
	}

	body.mf-v3 #menu-meat-fest-main > li.menu-item-has-children .sub-sub-menu > li > a:hover {
		padding-left: 8px;
		color: #fff;
		box-shadow: inset 2px 0 0 var(--mf-red);
	}

	body.mf-v3 #menu-meat-fest-main > li:focus-within > .wd-dropdown {
		visibility: visible;
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
}

/* ------------------------------------------------------------------ 13. Footer */
body.mf-v3 .wd-footer {
	position: relative;
	background: var(--mf-navy);
	color: rgba(245, 241, 232, .72);
	font-size: 14px;
	/* G1: tanim/sirket no metni footer linkleriyle AYNI olcude (taban olcum: link 14px/19.6px) */
	--mf-foot-fs: 14px;
	--mf-foot-lh: 1.4;
}

body.mf-v3 .wd-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-gold-lt), var(--mf-red));
}

body.mf-v3 .wd-footer .footer-sidebar {
	grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
	gap: 34px;
	padding-block: 64px 48px;
}

body.mf-v3 .wd-footer .footer-sidebar > .footer-column {
	grid-column: auto;
}

body.mf-v3 .wd-footer .widget-title {
	margin-bottom: 18px;
	color: var(--mf-gold);
	font: 600 14px/1.3 var(--mf-f-head);
	letter-spacing: .16em;
	text-transform: uppercase;
}

body.mf-v3 .wd-footer .widget_nav_menu ul li {
	margin-bottom: 9px;
}

body.mf-v3 .wd-footer .widget_nav_menu ul li a {
	color: rgba(245, 241, 232, .78);
	font-weight: 400;
	font-size: var(--mf-foot-fs);
	line-height: var(--mf-foot-lh);
	transition: color .25s, padding .25s var(--mf-ease);
}

body.mf-v3 .wd-footer .widget_nav_menu ul li a:hover {
	padding-left: 4px;
	color: var(--mf-gold-lt);
}

/* footer-v3 blogu (kapi 1033 yerine koyar): rozet + tanim + sirket no */
/* Okan 2026-10-01: rozet kucultuldu (96 -> 64), tanim metni menu linkleriyle ayni bantta baslasin */
body.mf-v3 .wd-footer .woodmart-html-block .wd-image img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(201, 164, 92, .6);
}

/* G1: rozet sutunda ortali (blogdaki .text-left'i ezer) */
body.mf-v3 .wd-footer .woodmart-html-block .wd-image {
	--content-align: center;
	--text-align: center;
	text-align: center;
}

body.mf-v3 .wd-footer .woodmart-html-block .wd-image img {
	display: block;
	margin-inline: auto;
}

/* Okan 2026-10-01: masaustunde rozet yukari -> tanim metninin ilk satiri menulerin ilk linkiyle ayni hizada
   (olcum: metin 84px, ilk link 36px sutun ustunden -> 48px fark). Tablet/mobilde sutun tam genislik, kayma yok. */
@media (min-width: 1025px) {
	body.mf-v3 .wd-footer .footer-column-1 .woodmart-html-block .wd-image {
		margin-top: -48px;
	}
}

body.mf-v3 .wd-footer .woodmart-html-block .wd-text-block {
	color: rgba(245, 241, 232, .72);
}

body.mf-v3 .wd-footer .woodmart-html-block .wd-text-block,
body.mf-v3 .wd-footer .woodmart-html-block .wd-text-block :is(p, span, a) {
	font-size: var(--mf-foot-fs);
	line-height: var(--mf-foot-lh);
}

/* G1: Quick Links kaldirildi -> footer-5 bos. Bos sutun gizlenir, izgara 4 sutuna duser;
   Faz 2'de footer-5'e widget gelince kurallar kendiliginden devre disi kalir. */
body.mf-v3 .wd-footer .footer-sidebar > .footer-column-5:not(:has(.widget)) {
	display: none;
}

body.mf-v3 .wd-footer .footer-sidebar:not(:has(> .footer-column-5 .widget)) {
	grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr));
}

/* G2: footer-5 "Contact" sutunu ([mf_sayfa parca="iletisim"]) -- olcu ve renk menu linkleriyle ayni */
body.mf-v3 .wd-footer .mf-iletisim {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.mf-v3 .wd-footer .mf-il {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 9px;
	color: rgba(245, 241, 232, .78);
	font-size: var(--mf-foot-fs);
	line-height: var(--mf-foot-lh);
}

body.mf-v3 .wd-footer .mf-il-ikon {
	flex: none;
	margin-top: calc((var(--mf-foot-fs) * var(--mf-foot-lh) - 16px) / 2);
	color: var(--mf-gold);
}

body.mf-v3 .wd-footer .mf-il :is(a, address) {
	min-width: 0;
	margin: 0;
	color: rgba(245, 241, 232, .78);
	font: inherit;
	font-style: normal;
	overflow-wrap: break-word;
	transition: color .25s;
}

body.mf-v3 .wd-footer .mf-il a:hover {
	color: var(--mf-gold-lt);
}

/* ikonsuz "Contact Us": metin ikonlu ogelerin metniyle hizali */
body.mf-v3 .wd-footer .mf-il-sayfa a {
	padding-inline-start: 26px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.mf-v3 .wd-footer .mf-il-etiket {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

body.mf-v3 .wd-footer .wd-copyrights {
	padding-block: 18px;
	background: var(--mf-navy-deep);
	border-top: 1px solid var(--mf-line);
	color: rgba(245, 241, 232, .62);
	font-size: 13px;
}

/* Prototip: masaustunde telif sola yasli, mobilde ortali (Woodmart duzeni "centered"). */
@media (min-width: 1025px) {
	body.mf-v3 .wd-footer .wd-copyrights.wd-layout-centered {
		text-align: start;
	}
}

@media (max-width: 1024px) {
	body.mf-v3 .wd-footer .footer-sidebar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 30px 24px;
		padding-block: 52px 40px;
	}

	body.mf-v3 .wd-footer .footer-sidebar > .footer-column-1 {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1024px) {
	body.mf-v3 .wd-footer .footer-sidebar:not(:has(> .footer-column-5 .widget)) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* G2: Contact gelince tablette 4 menu sutunu tek satir (3'lu izgarada Contact yalniz kaliyordu) */
@media (min-width: 768px) and (max-width: 1024px) {
	body.mf-v3 .wd-footer .footer-sidebar:has(> .footer-column-5 .widget) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	/* ayri kurallar: :has() desteklemeyen tarayicida liste butunuyle dusmesin */
	body.mf-v3 .wd-footer .footer-sidebar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.mf-v3 .wd-footer .footer-sidebar:not(:has(> .footer-column-5 .widget)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* 4 sutunda son menu tek kalmasin: tam genislik */
	body.mf-v3 .wd-footer .footer-sidebar:not(:has(> .footer-column-5 .widget)) > .footer-column-4 {
		grid-column: 1 / -1;
	}
}

/* ------------------------------------------------------------------ 14. Mobil: header, cekmece, arac cubugu, yukari, asistan */
@media (max-width: 1024px) {
	body.mf-v3 .whb-clone {
		display: none !important;
	}

	body.mf-v3 .whb-header {
		position: sticky !important;
		z-index: 390 !important;
		top: var(--wd-admin-bar-h, 0px) !important;
	}

	body.mf-v3 .whb-general-header .whb-mobile-center .wd-main-logo img {
		width: 62px;
		height: 62px;
		max-width: 62px !important;
		transform: translateY(6px);
	}

	html.mf-stuck body.mf-v3 .whb-general-header .whb-mobile-center .wd-main-logo img {
		width: 50px;
		height: 50px;
		max-width: 50px !important;
		transform: none;
	}

	body.mf-v3.sticky-toolbar-on {
		padding-bottom: 62px;
	}
}

body.mf-v3 .wd-header-mobile-nav .wd-tools-icon {
	color: var(--mf-gold-lt);
}

/* Cekmece: lacivert panel, Menu / Categories sekmeleri */
body.mf-v3 .mobile-nav {
	--brdcolor-gray-300: var(--mf-line);
	--wd-navigation-color: 245, 241, 232;
	background-color: var(--mf-navy);
	color: var(--mf-bone);
}

body.mf-v3 .mobile-nav .searchform {
	--wd-form-color: var(--mf-bone);
	--wd-form-placeholder-color: rgba(245, 241, 232, .55);
	background: var(--mf-navy-deep);
	box-shadow: 0 1px 0 var(--mf-line);
}

body.mf-v3 .mobile-nav .searchsubmit {
	--btn-color: var(--mf-gold);
}

body.mf-v3 .mobile-nav .wd-nav-mob-tab {
	--nav-color: rgba(245, 241, 232, .6);
	--nav-color-hover: var(--mf-gold-lt);
	--nav-bg: transparent;
	--nav-bg-active: rgba(201, 164, 92, .08);
	border-bottom-color: var(--mf-line);
}

body.mf-v3 .mobile-nav .wd-nav-mob-tab > li > a {
	font: 500 13px/1.2 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
}

body.mf-v3 .mobile-nav .wd-nav-mob-tab > li.wd-active > a {
	color: var(--mf-gold);
	box-shadow: inset 0 -2px 0 var(--mf-gold);
}

body.mf-v3 .mobile-nav .wd-nav-mob-tab .nav-link-text::after {
	display: none;
}

body.mf-v3 .mobile-nav .wd-nav-mobile {
	--nav-color: var(--mf-bone);
	--nav-color-hover: var(--mf-gold-lt);
	--sub-menu-color: rgba(245, 241, 232, .78);
	--sub-menu-color-hover: var(--mf-gold-lt);
}

body.mf-v3 .mobile-nav .wd-nav-mobile > li > a {
	padding: 14px 18px;
	border-bottom-color: var(--mf-line);
	color: var(--mf-bone);
	font: 500 14px/1.3 var(--mf-f-head);
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.mf-v3 .mobile-nav .wd-nav-mobile > li > ul {
	background: var(--mf-navy-deep);
}

body.mf-v3 .mobile-nav .wd-nav-mobile > li > ul li > a {
	padding-inline-start: 30px;
	border-bottom-color: var(--mf-line);
	color: rgba(245, 241, 232, .78);
	font: 400 14px/1.4 var(--mf-f-body);
	text-transform: none;
}

body.mf-v3 .mobile-nav .wd-nav-mobile .sub-sub-menu li > a {
	padding-inline-start: 44px;
	font-size: 13.5px;
}

body.mf-v3 .mobile-nav .wd-nav-opener {
	width: 50px;
	border-color: var(--mf-line);
	color: var(--mf-gold);
}

body.mf-v3 .mobile-nav .wd-nav-opener.wd-active {
	background-color: var(--mf-red);
	color: #fff;
}

/* Uyelik yok (Okan, 21.08.2026): mobil menudeki Login / Register maddesi gizli (v2'deki kural). */
body.mf-v3 .mobile-nav .menu-item a[href*="/my-account"],
body.mf-v3 .mobile-nav li[class*="-account"].item-level-0 {
	display: none !important;
}

/* Alt arac cubugu: Shop, Search */
body.mf-v3 .wd-toolbar {
	height: 62px;
	padding: 6px 5px;
	background: var(--mf-navy);
	border-top: 2px solid var(--mf-gold);
	box-shadow: 0 -12px 26px -14px rgba(0, 0, 0, .55);
}

body.mf-v3 .wd-toolbar > div a,
body.mf-v3 .wd-toolbar > a {
	height: 48px;
	color: var(--mf-gold);
}

body.mf-v3 .wd-toolbar .wd-tools-icon {
	color: var(--mf-gold);
}

/* Woodmart hatasi (v2'de de var): arac cubugundaki arama ogesinde .wd-tools-element sinifi yok ->
   ikon boyutu (--wd-tools-icon-base-width) ve baglanti duzeni gelmiyor, ikon 190x0 px (olcum). */
body.mf-v3 .wd-toolbar .wd-header-search-mobile {
	--wd-tools-icon-base-width: 20px;
}

body.mf-v3 .wd-toolbar .wd-header-search-mobile > a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

body.mf-v3 .wd-toolbar .wd-toolbar-label {
	color: rgba(245, 241, 232, .86);
	font: 500 11px/1 var(--mf-f-head);
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* Yukari cik: lacivert daire, altin halka (Woodmart .button-show ile gorunur) */
body.mf-v3 .scrollToTop {
	inset-inline-end: 22px;
	bottom: 22px;
	width: 46px;
	height: 46px;
	background: var(--mf-navy);
	color: var(--mf-gold);
	box-shadow: inset 0 0 0 1px var(--mf-gold), 0 12px 24px -10px rgba(0, 0, 0, .5);
	transition: opacity .3s, transform .3s var(--mf-ease), background .25s, color .25s, visibility 0s linear .3s;
}

/* G1 gorsel kapi (gizli_odak): gorunmezken klavye sirasindan cik; solma bitince gizlenir */
body.mf-v3 .scrollToTop:not(.button-show) {
	visibility: hidden;
}

body.mf-v3 .scrollToTop.button-show {
	transition-delay: 0s;
}

body.mf-v3 .scrollToTop:hover {
	background: var(--mf-red);
	color: #fff;
}

/* AI asistan balonu: sol altta kirmizi daire (ikinci dugme eklenmez; mevcut balon giydirilir) */
body.mf-v3 #mfa-chat-container {
	--mfa-bubble-color: var(--mf-red);
	--mfa-bubble-size: 58px;
	bottom: 22px !important;
}

body.mf-v3 #mfa-chat-container.mfa-left {
	left: 22px !important;
}

body.mf-v3 #mfa-chat-bubble {
	box-shadow: 0 14px 28px -10px rgba(179, 38, 45, .75), 0 0 0 3px rgba(245, 241, 232, .9) !important;
}

body.mf-v3 #mfa-chat-bubble::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	animation: mf-ping 2.6s var(--mf-ease) 2s infinite;
	pointer-events: none;
}

@keyframes mf-ping {
	0% {
		box-shadow: 0 0 0 0 rgba(179, 38, 45, .55);
	}

	70%,
	100% {
		box-shadow: 0 0 0 16px rgba(179, 38, 45, 0);
	}
}

@media (max-width: 1024px) {
	body.mf-v3.sticky-toolbar-on .scrollToTop {
		inset-inline-end: 14px;
		bottom: 78px;
	}

	body.mf-v3 #mfa-chat-container {
		bottom: 78px !important;
	}

	body.mf-v3 #mfa-chat-container.mfa-left {
		left: 14px !important;
	}
}

/* ==================================================================
   FAZ 3 -- ana sayfa (home-v3). Yapi site-tema/f3_anasayfa.py'de (wd_* widget'lari); burada yalniz
   gorunum. Bolumler: .mf-hero .mf-bilgi .mf-serit .mf-sekmeler .mf-vitrin .mf-bannerlar
   .mf-bant-beyaz .mf-bant-lacivert. Tam genislik bantlar Woodmart'in kendi wd-section-stretch
   sinifiyla (kutulu ic genislik Woodmart'tan). Woodmart bilesen CSS'i <body> icinde (widget'in
   yaninda) yuklendigi icin esit ozgullukte o kazanir: once --wd-, --btn-, --nav- degiskenleri,
   gerekirse bir sinif daha.
   ================================================================== */

/* ------------------------------------------------------------------ 15. Ana sayfa: sayfa kabi + bolum araliklari */
/* hero header'a yapisik baslar, lacivert bant footer'a yapisik biter (prototip) */
.mf-v3 .wd-content-layout:has(.mf-hero) {
	padding-block: 0;
}

.mf-v3 .mf-bolum {
	position: relative;
	isolation: isolate;
}

/* gerilen kutulu bantlar: f3 agaci kaplara padding 0 veriyor (Elementor oge CSS'i, 0,3,0) ve bu
   Woodmart'in wd-negative-gap 15 px'ini eziyor -> dar ekranda icerik kenara yapisiyordu */
.mf-v3 .mf-bolum.wd-section-stretch.e-con-boxed {
	--padding-left: 15px;
	--padding-right: 15px;
}

.mf-v3 .mf-sekmeler,
.mf-v3 .mf-vitrin,
.mf-v3 .mf-bannerlar {
	padding-top: 84px;
}

.mf-v3 .mf-bant-beyaz {
	margin-top: 84px;
	padding-block: 84px 56px;
	background: #fff;
}

.mf-v3 .mf-bant-lacivert {
	padding-block: 84px 96px;
	background: linear-gradient(180deg, var(--mf-navy) 0%, var(--mf-navy-deep) 100%);
	/* Elementor arka plan tembel yuklemesi (.e-con:not(.e-lazyloaded) *) gorunene dek gradyani kapatir */
	background-color: var(--mf-navy);
}

/* Woodmart dugmeleri (wd_button, wd_banner): JS'siz de prototip kirmizi hapi; mf-v3.js .mf-btn
   (parilti + ok halkasi) ekler. */
.mf-v3 .mf-dugme .btn {
	--btn-color: #fff;
	--btn-color-hover: var(--mf-gold-lt);
	--btn-bgcolor: var(--mf-red);
	--btn-bgcolor-hover: var(--mf-navy);
	--btn-brd-radius: 999px;
	--btn-font-family: var(--mf-f-head);
	--btn-font-weight: 500;
	--btn-font-size: 14px;
	--btn-padding: 14px 26px;
	letter-spacing: .14em;
}

/* ------------------------------------------------------------------ 16. Hero slider (wd_slider mf-v3-hero) */
.mf-v3 .mf-hero {
	/* prototip .t-red tonlari; #B3262D lacivertte 2.9:1 (buyuk metin esigi 3.0) -> acik ton tabanli */
	--mf-red-lt: #D8363E;
}

.mf-v3 .mf-hero .wd-slider,
.mf-v3 .mf-hero .wd-slide {
	background: var(--mf-navy);
}

/* G1 gorsel kapi (gizli_odak + ust uste metin): solmus pasif slaytlar klavye sirasinda ve erisilebilirlik
   agacinda kalmasin. Yalniz JS bir slayti etkinlestirdikten sonra (JS duserse hero kaybolmaz);
   slaytin kendisine degil icerik kabina (Woodmart'in solma gecisi slaytta, ezilmez); gecikme solma bitince gizler. */
.mf-v3 .mf-hero .wd-slider:has(.wd-slide.wd-active) .wd-slide:not(.wd-active) .wd-slide-container {
	visibility: hidden;
	transition: visibility 0s linear .8s;
}

/* slayt metasindaki zemin rengi (mavi/kirmizi/turuncu) #slide-ID secicisiyle basiliyor; gorsel
   yuklenene kadar lacivert kalsin */
.mf-v3 .mf-hero .wd-slide-bg {
	background-color: var(--mf-navy) !important;
}

.mf-v3 .mf-hero .wd-slide-bg img {
	object-position: right center;
	transform: scale(1.08);
	transition: transform 7s linear;
}

.mf-v3 .mf-hero .wd-slide.wd-active .wd-slide-bg img {
	transform: scale(1);
}

.mf-v3 .mf-hero .wd-slide-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(120% 90% at 0% 50%, rgba(9, 18, 30, .96) 0%, rgba(14, 26, 43, .86) 34%, rgba(14, 26, 43, .35) 58%, rgba(14, 26, 43, 0) 72%),
		linear-gradient(0deg, rgba(9, 18, 30, .55), rgba(9, 18, 30, 0) 30%);
}

/* hayalet ad (JS ekler; fare paralaksi --gx/--gy hero'da) */
.mf-v3 .mf-hero .mf-hayalet {
	position: absolute;
	right: -2vw;
	bottom: -4vw;
	z-index: 1;
	color: transparent;
	font: 700 clamp(140px, 22vw, 340px)/.8 var(--mf-f-head);
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-text-stroke: 2px rgba(234, 201, 147, .26);
	opacity: 0;
	transform: translate3d(var(--gx, 0), var(--gy, 0), 0);
	transition: transform .6s var(--mf-ease), opacity 1s;
	pointer-events: none;
	user-select: none;
}

.mf-v3 .mf-hero .wd-slide.wd-active .mf-hayalet {
	opacity: 1;
}

/* Woodmart slayt kabina z-index 2 veriyor ama konumsuz (static) birakiyor: hayaletin ustunde kalsin */
.mf-v3 .mf-hero .wd-slide-container {
	position: relative;
}

.mf-v3 .mf-hero .mf-slayt {
	align-items: flex-start;
	justify-content: center;
	gap: 18px;
}

/* G7: 13 px ust satir foto uzerinde EN 4,34 / TR 3,07 (uzun metin ortunun acik kismina tasiyor). Golge kontrast
   sayilmaz (WCAG zemin pikseli) -> metnin arkasina yari saydam lacivert etiket zemini. inline-flex (bolum 4) ve
   dekoratif ::before cizgisi korunur; zemin cizgiyi de icine alir. */
.mf-v3 .mf-slayt-ust p {
	padding: 5px 12px;
	border-radius: 2px;
	background: rgba(9, 18, 30, .78);
	color: var(--mf-gold-lt);
}

.mf-v3 .mf-slayt-baslik .title {
	display: block;
	margin: 0;
	color: #fff;
	font: 600 clamp(46px, 6vw, 84px)/1.02 var(--mf-f-head);
	letter-spacing: .01em;
	text-transform: uppercase;
	text-shadow: 0 6px 40px rgba(0, 0, 0, .35);
}

.mf-v3 .mf-slayt-baslik .title::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 18px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
}

.mf-v3 .mf-slayt-baslik .mf-kirmizi {
	background: linear-gradient(100deg, #E0484F 0%, var(--mf-red-lt) 40%, #EA6068 60%, var(--mf-red-lt) 100%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--mf-red-lt);
	-webkit-text-fill-color: transparent;
	animation: mf-parilti 6s linear infinite;
}

@keyframes mf-parilti {
	to {
		background-position: -200% 0;
	}
}

.mf-v3 .mf-slayt-aciklama p {
	max-width: 440px;
	margin: 0;
	color: rgba(245, 241, 232, .82);
	font-size: 18px;
	line-height: 1.6;
}

/* slayt girisi: eyebrow / aciklama / dugme asagidan, basligin kelimeleri tek tek (yalniz JS varken) */
.mf-v3 .mf-slayt-ust {
	--d: .1s;
}

.mf-v3 .mf-slayt-aciklama {
	--d: .3s;
}

.mf-v3 .mf-slayt-dugme {
	--d: .4s;
}

html.mf-js .mf-v3 .mf-hero :is(.mf-slayt-ust, .mf-slayt-aciklama, .mf-slayt-dugme) {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .7s var(--mf-ease), transform .8s var(--mf-ease);
}

html.mf-js .mf-v3 .mf-hero .wd-active :is(.mf-slayt-ust, .mf-slayt-aciklama, .mf-slayt-dugme) {
	opacity: 1;
	transform: none;
	transition-delay: calc(var(--d) + .25s);
}

.mf-v3 .mf-slayt-baslik .mf-k {
	display: inline-block;
	overflow: hidden;
	padding-bottom: .04em;
	vertical-align: bottom;
}

.mf-v3 .mf-slayt-baslik .mf-k > span {
	display: inline-block;
	transform: translateY(105%);
	transition: transform .9s var(--mf-ease);
}

.mf-v3 .mf-hero .wd-active .mf-slayt-baslik .mf-k > span {
	transform: none;
	transition-delay: calc(.35s + var(--wi) * .07s);
}

/* oklar: yari saydam lacivert daire, altin halka */
.mf-v3 .mf-hero .wd-slider-arrows {
	--wd-arrow-size: 50px;
	--wd-arrow-icon-size: 18px;
	--wd-arrow-offset-h: -72px;
	--wd-arrow-bg: rgba(14, 26, 43, .55);
	--wd-arrow-bg-hover: var(--mf-red);
	--wd-arrow-color: var(--mf-gold-lt);
	--wd-arrow-color-hover: #fff;
	--wd-arrow-radius: 50%;
	--wd-arrow-shadow: inset 0 0 0 1px rgba(201, 164, 92, .5);
}

.mf-v3 .mf-hero .wd-arrow-inner {
	transition: background .25s, color .25s, transform .3s var(--mf-ease);
}

.mf-v3 .mf-hero .wd-arrow-inner:hover {
	transform: scale(1.06);
}

/* noktalar: sagda, bilgi kartinin ustunde; etkin nokta uzar ve ilerleme cubugu dolar
   (sure Woodmart'in --wd-autoplay-speed'i; ustune gelince Woodmart durur, cubuk da durur) */
.mf-v3 .mf-hero .wd-slider-pagin {
	--wd-align: flex-end;
	--wd-pagin-bg: rgba(245, 241, 232, .35);
	--wd-pagin-bg-hover: rgba(245, 241, 232, .6);
	--wd-pagin-bg-act: rgba(245, 241, 232, .2);
	inset-inline: auto calc((100% - min(100%, 1262px)) / 2 + 20px);
	bottom: 100px;
	z-index: 3;
}

.mf-v3 .mf-hero .wd-nav-pagin li span {
	position: relative;
	overflow: hidden;
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 6px;
	transition: width .4s var(--mf-ease), background-color .3s;
}

.mf-v3 .mf-hero .wd-nav-pagin li.wd-active span {
	width: 44px;
}

.mf-v3 .mf-hero .wd-nav-pagin li span::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transform-origin: left;
}

.mf-v3 .mf-hero .wd-nav-pagin li.wd-active span::after {
	animation: mf-ilerle var(--wd-autoplay-speed, 6s) linear forwards;
}

.mf-v3 .mf-hero .wd-slider:hover .wd-nav-pagin li.wd-active span::after {
	animation-play-state: paused;
}

@keyframes mf-ilerle {
	to {
		transform: scaleX(1);
	}
}

/* ------------------------------------------------------------------ 17. Bilgi karti (hero'ya bindirilmis) + kayan serit */
.mf-v3 .mf-bilgi {
	z-index: 5;
	margin-top: -72px;
}

.mf-v3 .mf-bilgi-izgara {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-radius: 18px;
	background: var(--mf-navy);
	box-shadow: 0 40px 70px -30px rgba(9, 18, 30, .7), inset 0 0 0 1px rgba(201, 164, 92, .25);
}

.mf-v3 .mf-bilgi-kutu {
	position: relative;
}

.mf-v3 .mf-bilgi-kutu + .mf-bilgi-kutu::after {
	content: "";
	position: absolute;
	top: 28px;
	bottom: 28px;
	left: 0;
	width: 1px;
	background: rgba(201, 164, 92, .18);
}

/* acilma (JS) sarmalayicida, uzerine gelince kalkma icteki kutuda: ikisi ayni transform'u ezmesin */
.mf-v3 .mf-bilgi-kutu .wd-info-box {
	--ib-icon-sp: 18px;
	position: relative;
	height: 100%;
	padding: 36px 28px 34px;
	border-radius: 18px;
	transition: transform .45s var(--mf-ease), background .45s, box-shadow .45s;
}

.mf-v3 .mf-bilgi-kutu .wd-info-box::before {
	content: "";
	position: absolute;
	top: 0;
	right: 24px;
	left: 24px;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transition: transform .5s var(--mf-ease);
}

.mf-v3 .mf-bilgi-kutu:hover {
	z-index: 2;
}

.mf-v3 .mf-bilgi-kutu:hover .wd-info-box {
	background: var(--mf-navy-2);
	box-shadow: 0 22px 40px -20px rgba(0, 0, 0, .6);
	transform: translateY(-6px);
}

.mf-v3 .mf-bilgi-kutu:hover .wd-info-box::before {
	transform: scaleX(1);
}

.mf-v3 .mf-bilgi-kutu .box-icon-wrapper {
	margin-bottom: 0;
}

.mf-v3 .mf-bilgi-kutu .info-box-icon {
	display: inline-grid;
	place-items: center;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: var(--mf-bone);
	box-shadow: 0 0 0 5px rgba(201, 164, 92, .18), 0 0 0 1px var(--mf-gold);
	transition: background .4s, transform .6s var(--mf-ease), box-shadow .4s;
}

.mf-v3 .mf-bilgi-kutu:hover .info-box-icon {
	background: var(--mf-gold);
	box-shadow: 0 0 0 8px rgba(201, 164, 92, .18), 0 0 0 1px var(--mf-gold);
	transform: rotate(-8deg) scale(1.06);
}

.mf-v3 .mf-bilgi-kutu .info-box-title {
	color: #fff;
	font: 600 18px/1.3 var(--mf-f-head);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mf-v3 .mf-bilgi-kutu .info-box-inner p {
	max-width: 290px;
	margin: 0 auto;
	color: rgba(245, 241, 232, .7);
	font-size: 14px;
	line-height: 1.6;
}

.mf-v3 .mf-serit {
	margin-top: 56px;
	overflow: hidden;
	border-block: 1px solid rgba(201, 164, 92, .35);
	background: var(--mf-navy-2);
}

.mf-v3 .mf-serit .wd-marquee {
	--wd-marquee-gap: 0px;
}

.mf-v3 .mf-serit .wd-marquee-item {
	gap: 34px;
	height: 50px;
	padding: 0 17px;
	color: rgba(234, 201, 147, .9);
	font: 500 15px/1 var(--mf-f-head);
	letter-spacing: .2em;
	text-transform: uppercase;
}

.mf-v3 .mf-serit .wd-marquee-item::after {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	background: var(--mf-red);
	opacity: .9;
	transform: rotate(45deg);
}

/* ------------------------------------------------------------------ 18. Urun sekmeleri (wd_products_tabs) + urun karti */
/* Woodmart .wd-tabs satir boslugu (20px) -> 0; aralik basliktaki margin'den */
.mf-v3 .mf-urun-sekme .wd-tabs {
	--wd-row-gap: 0px;
}

.mf-v3 .mf-urun-sekme .wd-tabs .wd-tabs-header {
	--wd-header-padding: 0 0 16px;
	position: relative;
	isolation: isolate;
	flex-direction: row;
	align-items: center;
	gap: 26px;
	margin-bottom: 26px;
	border-bottom: 1px solid rgba(14, 26, 43, .1);
}

.mf-v3 .mf-urun-sekme .wd-tabs .tabs-name {
	z-index: auto;
	padding: 0;
	border: 0;
	white-space: nowrap;
}

.mf-v3 .mf-urun-sekme .wd-tabs .wd-nav-tabs-wrapper {
	border: 0;
}

.mf-v3 .mf-urun-sekme .wd-nav-tabs {
	--nav-gap: 8px;
	--nav-gap-v: 8px;
	--nav-pd: 9px 20px;
	--nav-color: var(--mf-navy);
	--nav-color-hover: var(--mf-navy);
	--nav-color-active: #fff;
	--nav-bg: #fff;
	--nav-bg-active: var(--mf-red);
	--nav-border: 1px solid rgba(14, 26, 43, .14);
	--nav-border-hover: 1px solid var(--mf-gold);
	--nav-border-active: 1px solid var(--mf-red);
	--nav-shadow-active: 0 12px 24px -12px rgba(179, 38, 45, .9);
	--nav-radius: 999px;
}

.mf-v3 .mf-urun-sekme .wd-tabs .wd-nav-tabs > li > a {
	min-height: 0;
	font: 500 13px/1.4 var(--mf-f-head);
	letter-spacing: .12em;
	white-space: nowrap;
	transition: color .3s var(--mf-ease), background-color .3s var(--mf-ease), border-color .3s var(--mf-ease), box-shadow .3s var(--mf-ease), transform .3s var(--mf-ease);
}

.mf-v3 .mf-urun-sekme .wd-nav-tabs > li:not(.wd-active) > a:hover {
	transform: translateY(-2px);
}

.mf-v3 .mf-urun-sekme .wd-nav-arrows {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-gap: 6px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 34px;
	--wd-arrow-bg: #fff;
	--wd-arrow-bg-hover: var(--mf-navy);
	--wd-arrow-color: var(--mf-navy);
	--wd-arrow-color-hover: var(--mf-gold-lt);
	--wd-arrow-color-dis: rgba(14, 26, 43, .3);
	--wd-arrow-brd: 1px solid;
	--wd-arrow-brd-color: rgba(14, 26, 43, .14);
	--wd-arrow-brd-color-hover: var(--mf-navy);
	--wd-arrow-radius: 50%;
}

/* urun karti (prototip .p-card) -- genel: Faz 4 arsiv izgarasi da kullanir */
/* esit kart boyu: Woodmart ogeye height:100% veriyor (belirsiz yuzde -> esnek esneme yok) */
.mf-v3 .wd-products-element .wd-carousel-item {
	height: auto;
}

.mf-v3 .wd-products-element .wd-carousel-item > .wd-product,
.mf-v3 .wd-products-element .wd-carousel-item > .wd-product > .wd-product-wrapper {
	height: 100%;
}

.mf-v3 .wd-product .wd-product-wrapper {
	--wd-prod-gap: 0px;
	position: relative;
	overflow: hidden;
	padding: 10px 10px 18px;
	border: 1px solid transparent;
	border-radius: 16px;
	background: #fff;
	text-align: center;
	box-shadow: 0 1px 0 rgba(14, 26, 43, .06), 0 10px 24px -20px rgba(14, 26, 43, .45);
	transition: transform .45s var(--mf-ease), box-shadow .45s, border-color .45s;
}

.mf-v3 .mf-bant-beyaz .wd-product .wd-product-wrapper {
	background: var(--mf-bone);
}

.mf-v3 .wd-product .wd-product-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%), rgba(201, 164, 92, .2), transparent 60%);
	transition: opacity .35s;
	pointer-events: none;
}

.mf-v3 .wd-product .wd-product-wrapper::before {
	content: "";
	position: absolute;
	right: 16px;
	bottom: 0;
	left: 16px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transition: transform .45s var(--mf-ease);
}

.mf-v3 .wd-product:hover .wd-product-wrapper {
	border-color: rgba(201, 164, 92, .7);
	box-shadow: 0 26px 40px -24px rgba(14, 26, 43, .55);
	transform: translateY(-8px);
}

.mf-v3 .wd-product:hover .wd-product-wrapper::after {
	opacity: 1;
}

.mf-v3 .wd-product:hover .wd-product-wrapper::before {
	transform: scaleX(1);
}

/* overflow: taşma gorunurken aspect-ratio icerige yenilir, kare olmayan gorsel karti uzatir */
.mf-v3 .wd-product .wd-product-thumb {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 11px;
	background: radial-gradient(circle at 50% 40%, #fff 0%, #F1ECE1 100%);
}

.mf-v3 .wd-product .wd-product-img-link {
	display: block;
	height: 100%;
}

.mf-v3 .wd-product .wd-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s var(--mf-ease);
}

.mf-v3 .wd-product:hover .wd-product-thumb img {
	transform: scale(1.07);
}

.mf-v3 .wd-product .wd-entities-title {
	margin: 14px 6px 6px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .02em;
	transition: color .2s;
}

.mf-v3 .wd-product:hover .wd-entities-title {
	color: var(--mf-red);
}

/* "Lamb, Shoulders" -> prototipteki "Lamb · Shoulders" hapi */
.mf-v3 .wd-product .wd-product-cats {
	--wd-link-color: currentColor;
	--wd-link-color-hover: currentColor;
	align-self: center;
	margin: 0;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--mf-bone);
	color: var(--mf-gold-txt);
	font-size: 12px;
	letter-spacing: .03em;
	transition: background .3s, color .3s;
}

.mf-v3 .mf-bant-beyaz .wd-product .wd-product-cats {
	background: #fff;
}

.mf-v3 .wd-product:hover .wd-product-cats {
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
}

.mf-v3 .wd-product .wd-product-cats .wd-meta-sep {
	font-size: 0;
}

.mf-v3 .wd-product .wd-product-cats .wd-meta-sep::before {
	content: " \00B7 ";
	font-size: 12px;
	white-space: pre;
}

/* ------------------------------------------------------------------ 19. Vitrin: galeri + marka filmi */
.mf-v3 .mf-vitrin-bas {
	justify-content: space-between;
	align-items: flex-end;
	gap: 30px;
	margin-bottom: 30px;
}

.mf-v3 .mf-vitrin-bas-sol {
	flex: 1 1 auto;
	gap: 10px;
}

.mf-v3 .mf-vitrin-metin {
	flex: 0 1 420px;
}

.mf-v3 .mf-vitrin-metin p {
	margin: 0;
	color: var(--mf-body);
}

.mf-v3 .mf-vitrin-izgara {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.mf-v3 .mf-kutu {
	position: relative;
	aspect-ratio: 4 / 3.05;
	overflow: hidden;
	border-radius: 22px;
	background: var(--mf-navy);
	box-shadow: 0 30px 60px -32px rgba(9, 18, 30, .7), 0 0 0 1px rgba(201, 164, 92, .28);
}

.mf-v3 .mf-kutu-etiket {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 4;
}

.mf-v3 .mf-kutu-etiket p {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(9, 18, 30, .6);
	color: var(--mf-gold-lt);
	font: 500 12px/1.4 var(--mf-f-head);
	letter-spacing: .16em;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .4);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.mf-v3 .mf-kutu-etiket p::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--mf-red);
	box-shadow: 0 0 0 4px rgba(179, 38, 45, .25);
}

/* galeri: 6 wd_banner ust uste, JS .mf-aktif verir (JS'siz ilk slayt gorunur) */
.mf-v3 .mf-galeri-slayt {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1s var(--mf-ease);
}

.mf-v3 .mf-galeri-slayt.mf-aktif,
html:not(.mf-js) .mf-v3 .mf-galeri-slayt:nth-child(2) {
	z-index: 1;
	opacity: 1;
}

.mf-v3 .mf-galeri-slayt :is(.elementor-widget-container, .promo-banner-wrapper, .promo-banner, .main-wrapp-img, .banner-image) {
	height: 100%;
}

.mf-v3 .mf-galeri-slayt .promo-banner {
	border-radius: 0;
}

.mf-v3 .mf-galeri-slayt .main-wrapp-img {
	position: relative;
}

.mf-v3 .mf-galeri-slayt .banner-image img {
	height: 100%;
	object-fit: cover;
	transform: scale(1.1);
	transition: transform 6s linear;
}

.mf-v3 .mf-galeri-slayt.mf-aktif .banner-image img {
	transform: scale(1);
}

.mf-v3 .mf-galeri-slayt .main-wrapp-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(9, 18, 30, .85) 0%, rgba(9, 18, 30, .2) 45%, rgba(9, 18, 30, 0) 70%);
}

.mf-v3 .mf-galeri-slayt .wrapper-content-banner {
	align-items: flex-end;
	padding: 24px;
}

.mf-v3 .mf-galeri-slayt .content-banner {
	--button-space: 0px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	max-width: none;
}

.mf-v3 .mf-galeri-slayt .banner-title {
	color: #fff;
	font: 600 30px/1.15 var(--mf-f-head);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mf-v3 .mf-galeri-slayt :is(.banner-title, .banner-btn-wrapper) {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .7s var(--mf-ease) .3s, transform .7s var(--mf-ease) .3s;
}

.mf-v3 .mf-galeri-slayt .banner-btn-wrapper {
	flex: none;
	transition-delay: .45s;
}

.mf-v3 .mf-galeri-slayt.mf-aktif :is(.banner-title, .banner-btn-wrapper),
html:not(.mf-js) .mf-v3 .mf-galeri-slayt :is(.banner-title, .banner-btn-wrapper) {
	opacity: 1;
	transform: none;
}

.mf-v3 .mf-galeri-slayt .btn {
	--btn-color: var(--mf-navy);
	--btn-color-hover: var(--mf-navy);
	--btn-bgcolor: var(--mf-gold);
	--btn-bgcolor-hover: #fff;
	--btn-brd-radius: 999px;
	gap: 8px;
	min-height: 0;
	padding: 9px 16px;
	font: 600 12px/1.2 var(--mf-f-head);
	letter-spacing: .14em;
}

.mf-v3 .mf-galeri-slayt .btn svg {
	width: 14px;
	height: 14px;
}

/* galeri denetimleri (JS kurar) */
.mf-v3 .mf-galeri-nav {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mf-v3 .mf-galeri-nav button {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(9, 18, 30, .6);
	color: var(--mf-gold-lt);
	box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .4);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transition: background .25s, color .25s;
}

.mf-v3 .mf-galeri-nav button:hover {
	background: var(--mf-red);
	color: #fff;
}

.mf-v3 .mf-galeri-nav svg {
	width: 18px;
	height: 18px;
}

.mf-v3 .mf-galeri-sayi {
	padding: 0 4px;
	color: rgba(245, 241, 232, .85);
	font: 500 13px/1 var(--mf-f-head);
	letter-spacing: .12em;
}

.mf-v3 .mf-galeri-sayi b {
	color: var(--mf-gold-lt);
	font-weight: 600;
}

.mf-v3 .mf-galeri-cubuk {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	height: 3px;
	background: rgba(255, 255, 255, .12);
}

.mf-v3 .mf-galeri-cubuk i {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transform: scaleX(0);
	transform-origin: left;
}

.mf-v3 .mf-galeri-cubuk i.mf-kos {
	animation: mf-ilerle 4.5s linear forwards;
}

.mf-v3 .mf-galeri:hover .mf-galeri-cubuk i.mf-kos {
	animation-play-state: paused;
}

/* marka filmi: rozet + baslik + metin + oynat; tiklayinca <video> kutuyu kaplar (preload=none) */
.mf-v3 .mf-film {
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 30px;
	text-align: center;
	background: radial-gradient(90% 80% at 50% 45%, #1B3150 0%, var(--mf-navy) 55%, var(--mf-navy-deep) 100%);
	/* Elementor arka plan tembel yuklemesi gorunene dek background-image'i kapatir: duz renk yedegi */
	background-color: var(--mf-navy);
}

/* Elementor .e-con::before genislik/yukseklik/opaklik da veriyor: sifirla */
.mf-v3 .mf-film::before {
	content: "";
	position: absolute;
	inset: 14px;
	width: auto;
	height: auto;
	opacity: 1;
	mix-blend-mode: normal;
	z-index: 1;
	border: 1px solid rgba(201, 164, 92, .25);
	border-radius: 14px;
	pointer-events: none;
}

.mf-v3 .mf-film > .elementor-element {
	position: relative;
	z-index: 2;
}

.mf-v3 .mf-film > .mf-kutu-etiket {
	position: absolute;
	z-index: 4;
}

.mf-v3 .mf-film > .mf-film-zemin {
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: .18;
	filter: grayscale(.3);
	transform: scale(1.05);
	animation: mf-suzul 18s ease-in-out infinite alternate;
	pointer-events: none;
}

.mf-v3 .mf-film-zemin :is(.elementor-widget-container, .wd-image, img) {
	width: 100%;
	height: 100%;
}

.mf-v3 .mf-film-zemin img {
	object-fit: cover;
}

@keyframes mf-suzul {
	to {
		transform: scale(1.15) translateX(-2%);
	}
}

.mf-v3 .mf-film-rozet .wd-image {
	text-align: center;
}

.mf-v3 .mf-film-rozet img {
	width: 118px;
	height: 118px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--mf-navy), 0 0 0 4px rgba(201, 164, 92, .6), 0 22px 40px -14px rgba(0, 0, 0, .7);
}

.mf-v3 .mf-film-baslik .title {
	color: #fff;
	font: 600 28px/1.15 var(--mf-f-head);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mf-v3 .mf-film-metin p {
	max-width: 340px;
	margin: 0 auto;
	text-align: center;
	color: rgba(245, 241, 232, .7);
	font-size: 14px;
}

.mf-v3 .mf-film-oynat .btn {
	--btn-bgcolor: var(--mf-red);
	--btn-bgcolor-hover: var(--mf-gold);
	width: 82px;
	height: 82px;
	min-height: 0;
	padding: 0;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13a1 1 0 0 0 1.5.9l10.4-6.5a1 1 0 0 0 0-1.8L9.5 4.6A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E");
	background-position: 55% 50%;
	background-repeat: no-repeat;
	background-size: 30px;
	box-shadow: 0 18px 36px -12px rgba(179, 38, 45, .9);
	transition: transform .35s var(--mf-ease), background-color .3s;
	cursor: pointer; /* JS href'i kaldirir (onceden yukleme engeli) */
}

.mf-v3 .mf-film-oynat .btn:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230E1A2B' d='M8 5.5v13a1 1 0 0 0 1.5.9l10.4-6.5a1 1 0 0 0 0-1.8L9.5 4.6A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E");
	transform: scale(1.08);
}

.mf-v3 .mf-film-oynat .btn::before,
.mf-v3 .mf-film-oynat .btn::after {
	content: "";
	position: absolute;
	inset: -10px;
	border: 2px solid rgba(179, 38, 45, .7);
	border-radius: 50%;
	animation: mf-halka 2.6s var(--mf-ease) infinite;
	pointer-events: none;
}

.mf-v3 .mf-film-oynat .btn::after {
	animation-delay: 1.3s;
}

@keyframes mf-halka {
	0% {
		opacity: .7;
		transform: scale(.9);
	}

	100% {
		opacity: 0;
		transform: scale(1.35);
	}
}

/* dugme metni ekran okuyucuda kalir ("Watch the film"), gorunmez */
.mf-v3 .mf-film-oynat .wd-btn-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.mf-v3 .mf-film > .mf-film-video {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: none;
	background: #000;
}

.mf-v3 .mf-film.mf-oynuyor > .mf-film-video {
	display: block;
}

.mf-v3 .mf-film-video :is(.elementor-widget-container, .wd-el-video, video) {
	width: 100%;
	height: 100%;
}

.mf-v3 .mf-film-video video {
	object-fit: contain;
	background: #000;
}

/* ------------------------------------------------------------------ 20. Banner'lar (lacivert / kirmizi ortu) */
.mf-v3 .mf-banner-izgara {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.mf-v3 .mf-banner .promo-banner {
	--content-width: 62%;
	height: 360px;
	isolation: isolate;
	border-radius: 20px;
	background: var(--mf-navy);
	box-shadow: 0 22px 44px -28px rgba(14, 26, 43, .6);
}

.mf-v3 .mf-banner :is(.main-wrapp-img, .banner-image) {
	position: absolute;
	inset: 0;
	height: 100%;
}

.mf-v3 .mf-banner .banner-image img {
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s var(--mf-ease);
}

.mf-v3 .mf-banner:hover .banner-image img {
	transform: scale(1.05);
}

.mf-v3 .mf-banner .main-wrapp-img::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(9, 18, 30, .97) 0%, rgba(14, 26, 43, .9) 38%, rgba(14, 26, 43, .2) 66%, rgba(14, 26, 43, 0) 80%);
}

.mf-v3 .mf-banner--kirmizi .main-wrapp-img::after {
	background: linear-gradient(90deg, rgba(120, 18, 24, .97) 0%, rgba(179, 38, 45, .9) 38%, rgba(179, 38, 45, .2) 66%, rgba(179, 38, 45, 0) 80%);
}

.mf-v3 .mf-banner .promo-banner::after {
	content: "";
	position: absolute;
	inset: 14px;
	z-index: 3;
	border: 1px solid rgba(201, 164, 92, 0);
	border-radius: 12px;
	transition: border-color .45s, inset .45s var(--mf-ease);
	pointer-events: none;
}

.mf-v3 .mf-banner:hover .promo-banner::after {
	inset: 12px;
	border-color: var(--mf-gold-lt);
}

.mf-v3 .mf-banner .wrapper-content-banner {
	height: 100%;
	padding: 30px 36px;
}

.mf-v3 .mf-banner .content-banner > :not(:first-child) {
	margin-top: 12px;
}

.mf-v3 .mf-banner .promo-banner .banner-btn-wrapper {
	margin-top: 18px;
}

.mf-v3 .mf-banner .banner-subtitle {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--mf-gold-lt);
	font: 600 12px/1.4 var(--mf-f-head);
	letter-spacing: .22em;
	text-transform: uppercase;
}

.mf-v3 .mf-banner .banner-subtitle::before {
	content: "";
	flex: none;
	width: 24px;
	height: 2px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
}

.mf-v3 .mf-banner .banner-title {
	color: #fff;
	font: 600 42px/1.02 var(--mf-f-head);
	text-transform: uppercase;
}

.mf-v3 .mf-banner .banner-inner p {
	margin: 0;
	color: rgba(245, 241, 232, .82);
	font-size: 14.5px;
	line-height: 1.6;
}

.mf-v3 .mf-banner .mf-btn {
	min-height: 0;
	padding: 11px 12px 11px 22px;
	font-size: 13px;
}

.mf-v3 .mf-banner--kirmizi .mf-btn {
	background: var(--mf-navy);
}

/* ------------------------------------------------------------------ 21. Kategori izgarasi (lacivert bant, sayilar canli) */
.mf-v3 .mf-bolum-baslik {
	position: relative;
	isolation: isolate;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--mf-line);
}

/* Elementor .elementor-widget:not(:last-child) margin-block-end'i esit ozgullukte sonra geliyor */
.mf-v3 .mf-bolum-baslik.elementor-widget {
	margin-block-end: 26px;
}

.mf-v3 .mf-bant-lacivert .mf-baslik .title {
	color: #fff;
}

.mf-v3 .mf-bant-lacivert .mf-sec-ghost {
	-webkit-text-stroke-color: rgba(234, 201, 147, .12);
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-inner {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 0 0 1px rgba(201, 164, 92, .25), 0 24px 44px -24px rgba(0, 0, 0, .7);
	transition: transform .45s var(--mf-ease), box-shadow .45s;
}

.mf-v3 .mf-kategori-izgara .wd-cat:hover .wd-cat-inner {
	box-shadow: 0 0 0 2px var(--mf-gold), 0 30px 50px -22px rgba(0, 0, 0, .8);
	transform: translateY(-8px);
}

.mf-v3 .mf-kategori-izgara .wd-cat :is(.wd-cat-thumb, .wd-cat-image) {
	height: 100%;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-image img {
	height: 100%;
	object-fit: cover;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(9, 18, 30, .9) 0%, rgba(9, 18, 30, .35) 36%, rgba(9, 18, 30, 0) 60%);
	pointer-events: none;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-content {
	z-index: 2;
	inset-inline: 22px;
	bottom: 20px;
	transform: none;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-content::before {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	margin-bottom: 10px;
	background: linear-gradient(90deg, var(--mf-gold), var(--mf-red));
	transition: width .5s var(--mf-ease);
}

.mf-v3 .mf-kategori-izgara .wd-cat:hover .wd-cat-content::before {
	width: 44px;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-entities-title {
	position: static;
	color: #fff;
	font: 600 24px/1.15 var(--mf-f-head);
	letter-spacing: .14em;
}

.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-count {
	display: inline-block;
	margin-top: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--mf-gold);
	color: var(--mf-navy);
	font-size: 13px;
	font-weight: 600;
	opacity: 1;
	transform: none;
}

/* ------------------------------------------------------------------ 21b. Ana sayfa: duyarli */
@media (max-width: 1024px) {
	.mf-v3 .mf-vitrin-izgara {
		grid-template-columns: 1fr;
	}

	.mf-v3 .mf-urun-sekme .wd-tabs .wd-tabs-header {
		flex-wrap: wrap;
		gap: 14px;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-hero .wd-slide-bg img {
		object-position: 62% center;
	}

	.mf-v3 .mf-hero .wd-slide-bg::after {
		background: linear-gradient(90deg, rgba(9, 18, 30, .92) 0%, rgba(14, 26, 43, .78) 60%, rgba(14, 26, 43, .35) 100%);
	}

	.mf-v3 .mf-hero .mf-slayt {
		gap: 14px;
	}

	.mf-v3 .mf-slayt-baslik .title {
		font-size: 42px;
	}

	.mf-v3 .mf-slayt-aciklama p {
		max-width: 300px;
		font-size: 15px;
	}

	.mf-v3 .mf-hero .mf-hayalet {
		bottom: 40px;
		font-size: 150px;
	}

	.mf-v3 .mf-hero .wd-slider-arrows {
		display: none;
	}

	.mf-v3 .mf-hero .wd-slider-pagin {
		right: 20px;
		bottom: 84px;
	}

	.mf-v3 .mf-bilgi {
		margin-top: -60px;
	}

	.mf-v3 .mf-bilgi-izgara {
		grid-template-columns: 1fr;
	}

	.mf-v3 .mf-bilgi-kutu + .mf-bilgi-kutu::after {
		top: 0;
		right: 28px;
		bottom: auto;
		left: 28px;
		width: auto;
		height: 1px;
	}

	.mf-v3 .mf-serit {
		margin-top: 36px;
	}

	.mf-v3 .mf-serit .wd-marquee-item {
		gap: 24px;
		height: 44px;
		font-size: 13px;
	}

	.mf-v3 .mf-sekmeler,
	.mf-v3 .mf-vitrin,
	.mf-v3 .mf-bannerlar,
	.mf-v3 .mf-bant-beyaz {
		padding-top: 64px;
	}

	.mf-v3 .mf-bant-lacivert {
		padding-block: 64px 72px;
	}

	.mf-v3 .mf-bolum .mf-sec-ghost {
		display: none;
	}

	.mf-v3 .mf-sec-title,
	.mf-v3 .mf-baslik .title,
	.mf-v3 .mf-urun-sekme .wd-tabs .tabs-name {
		font-size: 26px;
	}

	.mf-v3 .mf-urun-sekme .wd-nav-tabs {
		--nav-pd: 8px 15px;
	}

	.mf-v3 .mf-film {
		gap: 12px;
		padding: 56px 22px 30px;
	}

	.mf-v3 .mf-film-rozet img {
		width: 86px;
		height: 86px;
	}

	.mf-v3 .mf-film-baslik .title {
		font-size: 22px;
	}

	.mf-v3 .mf-film-oynat .btn {
		width: 68px;
		height: 68px;
		background-size: 26px;
	}

	.mf-v3 .mf-urun-sekme .wd-nav-arrows {
		display: none;
	}

	.mf-v3 .mf-vitrin-bas {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.mf-v3 .mf-vitrin-metin {
		flex: none;
	}

	.mf-v3 .mf-kutu {
		aspect-ratio: 4 / 4.2;
	}

	.mf-v3 .mf-film {
		aspect-ratio: auto;
		min-height: 420px;
	}

	.mf-v3 .mf-galeri-slayt .banner-title {
		font-size: 22px;
	}

	.mf-v3 .mf-banner-izgara {
		grid-template-columns: 1fr;
	}

	.mf-v3 .mf-banner .promo-banner {
		--content-width: 80%;
		height: 330px;
	}

	.mf-v3 .mf-banner .banner-image img {
		object-position: 68% center;
	}

	.mf-v3 .mf-banner .wrapper-content-banner {
		padding: 26px;
	}

	.mf-v3 .mf-banner .banner-title {
		font-size: 32px;
	}

	.mf-v3 .mf-kategori-izgara .wd-cat .wd-entities-title {
		font-size: 18px;
	}

	.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-content {
		inset-inline: 16px;
		bottom: 14px;
	}
}

/* ==================================================================
   FAZ 4 -- kategori arsivi + magaza (shop_archive layout'u, f4_arsiv.py). Degisen parcalar
   [mf_arsiv] kisa koduyla (mf-v3-arsiv.php) basilir: sayilar sorgudan, aciklama terimden.
   Prototip: .page-hero, .intro-card, .toolbar-row, .pill, .grid, .cta-band, .prose + .tbl
   ================================================================== */

/* ------------------------------------------------------------------ 23. Sayfa kahramani (kategori / magaza) */
/* kahraman header'a yapisik baslar (ana sayfadaki gibi); sayfa sonu boslugu .mf-arsiv'de */
.mf-v3 .wd-content-layout:has(.mf-sayfa-hero) {
	padding-block: 0;
}

.mf-v3 .mf-sayfa-hero {
	overflow: hidden;
	padding-block: 92px 64px;
	background-color: var(--mf-navy);
}

/* Elementor .e-con::before arka plan ortusu genislik/yukseklik/opaklik veriyor: hepsi yeniden */
.mf-v3 .mf-sayfa-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	z-index: -1;
	opacity: 1;
	mix-blend-mode: normal;
	border: 0;
	border-radius: 0;
	background: radial-gradient(120% 120% at 0% 50%, rgba(9, 18, 30, .97) 0%, rgba(14, 26, 43, .88) 40%, rgba(14, 26, 43, .45) 70%, rgba(14, 26, 43, .25) 100%);
	pointer-events: none;
}

/* zemin parcasi yigin baglami KURMAZ (z-index yok): gorsel ortunun altinda, hayalet metnin ustunde */
.mf-v3 .mf-sayfa-hero .mf-ph-zemin {
	position: absolute;
	inset: 0;
	margin: 0;
	pointer-events: none;
}

.mf-v3 .mf-sayfa-hero .mf-ph-gorsel {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	opacity: .9;
	animation: mf-phz 14s ease-out both;
}

@keyframes mf-phz {
	from {
		transform: scale(1.12);
	}
}

.mf-v3 .mf-sayfa-hero .mf-ph-hayalet {
	position: absolute;
	right: -2vw;
	bottom: -3vw;
	z-index: 1;
	color: transparent;
	font: 700 clamp(110px, 16vw, 240px)/.8 var(--mf-f-head);
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-text-stroke: 2px rgba(234, 201, 147, .26);
	pointer-events: none;
	user-select: none;
}

/* Elementor pencere araligi (widget alt boslugu) kahramanda yok: araliklar asagida tek tek */
.mf-v3 .mf-sayfa-hero .elementor-element.elementor-widget {
	margin-block-end: 0;
}

.mf-v3 .mf-kirinti .wd-breadcrumbs {
	margin: 0 0 20px;
	--wd-link-color: rgba(245, 241, 232, .8);
	--wd-link-color-hover: var(--mf-gold-lt);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: rgba(245, 241, 232, .6);
	font-size: 13px;
	font-weight: 400;
}

.mf-v3 .mf-kirinti .wd-breadcrumbs a,
.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-last {
	margin: 0;
	padding: 0;
	font-weight: 400;
	transition: color .2s;
}

.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-last {
	color: rgba(245, 241, 232, .6);
}

/* dokunma hedefi >= 44 px (metin 21 px): dolgu + esit negatif pay -> hedef buyur, satir/aralik degismez */
.mf-v3 .mf-kirinti .wd-breadcrumbs a {
	padding: 12px 5px;
	margin: -12px -5px;
}

/* "/" ayraci -> prototipteki altin baklava */
.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-delimiter {
	flex: none;
	width: 5px;
	height: 5px;
	margin: 0;
	overflow: hidden;
	background: var(--mf-gold);
	color: transparent;
	font-size: 0;
	transform: rotate(45deg);
}

.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-delimiter::before,
.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-delimiter::after {
	content: none;
}

.mf-v3 .mf-sayfa-hero .mf-ph-ust {
	margin-bottom: 14px;
	color: var(--mf-gold-lt);
}

.mf-v3 .mf-ph-baslik .title {
	max-width: 900px;
	margin: 0;
	color: #fff;
	font: 600 clamp(38px, 5vw, 64px)/1.15 var(--mf-f-head);
	letter-spacing: .02em;
	text-transform: uppercase;
}

.mf-v3 .mf-ph-alt {
	max-width: 640px;
	margin: 18px 0 0;
	color: rgba(245, 241, 232, .8);
	font-size: 17px;
}

.mf-v3 .mf-sayfa-hero .mf-ph-alt-k:not(:has(.mf-ph-alt)) {
	display: none;
}

/* ------------------------------------------------------------------ 24. Giris karti + arac satirlari (haplar, sayi, suzgec, siralama) */
.mf-v3 .mf-arsiv {
	padding-bottom: 96px;
}

.mf-v3 .mf-arsiv .elementor-element.elementor-widget {
	margin-block-end: 0;
}

.mf-v3 .mf-arsiv .mf-giris-k:not(:has(.mf-giris)) {
	display: none;
}

.mf-v3 .mf-giris {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 26px;
	align-items: start;
	margin-top: -34px;
	padding: 30px 34px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 30px 60px -34px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-giris-isaret {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--mf-navy);
	color: var(--mf-gold);
	box-shadow: 0 0 0 5px rgba(201, 164, 92, .2);
}

.mf-v3 .mf-giris-isaret svg {
	width: 24px;
	height: 24px;
}

.mf-v3 .mf-giris-metin p {
	margin: 0;
	color: var(--mf-body);
	font-size: 15.5px;
	line-height: 1.65;
}

.mf-v3 .mf-giris-metin p + p {
	margin-top: 12px;
}

.mf-v3 .mf-arac {
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin: 40px 0 24px;
}

/* magazada giris karti yok: haplar kahramandan 34 px asagida (prototip viewShop) */
.mf-v3 .mf-arsiv:not(:has(.mf-giris)) .mf-arac-hap {
	margin-top: 34px;
}

.mf-v3 .mf-arac.mf-arac-sayi {
	margin-top: 0;
}

.mf-v3 .mf-arac-hap > .mf-haplar-k {
	flex: 1 1 100%;
	min-width: 0;
}

.mf-v3 .mf-haplar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mf-v3 .mf-hap {
	padding: 9px 20px;
	border: 1px solid rgba(14, 26, 43, .14);
	border-radius: 999px;
	background: #fff;
	color: var(--mf-navy);
	font: 500 13px/1.4 var(--mf-f-head);
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all .3s var(--mf-ease);
}

.mf-v3 .mf-hap:hover,
.mf-v3 .mf-hap:focus-visible {
	border-color: var(--mf-gold);
	color: var(--mf-navy);
	transform: translateY(-2px);
}

.mf-v3 .mf-hap.is-active,
.mf-v3 .mf-hap.is-active:hover {
	border-color: var(--mf-red);
	background: var(--mf-red);
	color: #fff;
	box-shadow: 0 12px 24px -12px rgba(179, 38, 45, .9);
}

/* prototip small'a opaklik veriyor; opak renk ayni tonu kontrastla verir (etkin hap: kirmizi zeminde 4.9) */
.mf-v3 .mf-hap small {
	margin-left: 4px;
	color: var(--mf-muted);
	font-size: .85em;
	letter-spacing: .04em;
}

.mf-v3 .mf-hap.is-active small {
	color: #F3D9DA;
}

.mf-v3 .mf-sayi-k {
	flex: 1 1 auto;
	min-width: 0;
}

.mf-v3 .mf-sayi-k .elementor-shortcode {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

.mf-v3 .mf-sayi {
	margin: 0;
	color: var(--mf-muted);
	font-size: 14px;
}

.mf-v3 .mf-sayi b {
	color: var(--mf-navy);
}

.mf-v3 input.mf-suzgec {
	min-width: 240px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(14, 26, 43, .15);
	border-radius: 999px;
	background: #fff;
	color: var(--mf-navy);
	font-size: 14px;
	box-shadow: none;
	outline: none;
}

.mf-v3 input.mf-suzgec:focus {
	border-color: var(--mf-gold);
	box-shadow: 0 0 0 3px rgba(201, 164, 92, .25);
}

.mf-v3 .mf-siralama {
	flex: none;
	margin-left: auto;
}

.mf-v3 .mf-siralama .woocommerce-ordering {
	margin: 0;
}

.mf-v3 .mf-siralama select.orderby {
	--wd-form-brd-radius: 999px;
	--wd-form-height: 42px;
	height: 42px;
	padding-inline: 16px 36px;
	border: 1px solid rgba(14, 26, 43, .15);
	border-radius: 999px;
	background-color: #fff;
	color: var(--mf-navy);
	font-size: 13.5px;
	cursor: pointer;
}

.mf-v3 .mf-siralama select.orderby:focus {
	border-color: var(--mf-gold);
}

/* ------------------------------------------------------------------ 25. Arsiv izgarasi (4 / 3 / 2 sutun) + suzgec */
/* Woodmart sutun/aralik degiskenlerini satir ici style ile basiyor -> !important yalniz degiskende */
.mf-v3 .mf-arsiv-izgara .wd-products {
	--wd-col-lg: 4 !important;
	--wd-col-md: 3 !important;
	--wd-col-sm: 2 !important;
	--wd-gap-lg: 22px !important;
	--wd-gap-md: 22px !important;
	--wd-gap-sm: 14px !important;
}

.mf-v3 .mf-arsiv-izgara .wd-product {
	animation: mf-kart-gir .55s var(--mf-ease) both;
	animation-delay: calc(var(--i, 0) * 35ms);
}

@keyframes mf-kart-gir {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
}

.mf-v3 .mf-arsiv-izgara .wd-product.mf-gizli {
	display: none;
}

.mf-v3 .mf-bos {
	margin: 0;
	padding: 60px 20px;
	border-radius: 16px;
	background: #fff;
	color: var(--mf-muted);
	text-align: center;
}

.mf-v3 .mf-bos[hidden] {
	display: none;
}

/* ------------------------------------------------------------------ 26. Kirmizi CTA bandi */
.mf-v3 .mf-cta-bant {
	position: relative;
	overflow: hidden;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 84px;
	padding: 44px 48px;
	border-radius: 22px;
	background: linear-gradient(110deg, var(--mf-red-dk), var(--mf-red) 55%, #C8363D);
	background-color: var(--mf-red);
	box-shadow: 0 30px 60px -34px rgba(142, 27, 32, .9);
}

.mf-v3 .mf-cta-bant::after {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 260px;
	height: 260px;
	border: 2px solid rgba(234, 201, 147, .25);
	border-radius: 50%;
	box-shadow: 0 0 0 30px rgba(234, 201, 147, .06);
	pointer-events: none;
}

.mf-v3 .mf-cta-bant > .elementor-element {
	position: relative;
	z-index: 1;
}

.mf-v3 .mf-cta-metin {
	flex: 1 1 auto;
	min-width: 0;
}

.mf-v3 .mf-cta-baslik .title-wrapper {
	margin: 0;
}

.mf-v3 .mf-cta-baslik .title {
	color: #fff;
	font-size: 30px;
	line-height: 1.15;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mf-v3 .mf-cta-yazi p {
	margin: 6px 0 0;
	/* prototip .8; gradyanin en acik duragi (#C8363D) uzerinde 4.5 icin .95 (olculdu: .9 -> 4.48) */
	color: rgba(255, 255, 255, .95);
}

.mf-v3 .mf-cta-bant .mf-cta-dugme {
	flex: none;
}

.mf-v3 .mf-cta-dugme.mf-dugme .btn {
	--btn-bgcolor: var(--mf-navy);
	--btn-bgcolor-hover: var(--mf-navy-deep);
	--btn-color-hover: var(--mf-gold-lt);
}

/* ------------------------------------------------------------------ 27. Kategori aciklamasi (GEO metni, urunlerin altinda) */
.mf-v3 .mf-aciklama {
	max-width: 860px;
	margin-top: 72px;
	color: var(--mf-body);
}

/* satir uzunlugu ~85 karakter (bu fontta 1ch ~ .73em -> em ile): kap 860 px kalir (baslik + tablo), yalniz metin bloklari daralir */
.mf-v3 .mf-aciklama > p,
.mf-v3 .mf-aciklama > ul,
.mf-v3 .mf-aciklama > ol {
	max-width: 42em;
	margin: 0 0 20px;
	font-size: 16.5px;
	line-height: 1.7;
}

.mf-v3 .mf-aciklama > p:first-child {
	color: var(--mf-navy);
	font-size: 19px;
	line-height: 1.6;
}

.mf-v3 .mf-aciklama li + li {
	margin-top: 6px;
}

.mf-v3 .mf-aciklama a {
	color: var(--mf-red-dk);
	text-decoration: underline;
	text-decoration-color: rgba(179, 38, 45, .35);
	text-underline-offset: 3px;
	transition: color .2s, text-decoration-color .2s;
}

.mf-v3 .mf-aciklama a:hover {
	color: var(--mf-red);
	text-decoration-color: currentColor;
}

.mf-v3 .mf-aciklama h2 {
	position: relative;
	margin: 44px 0 16px;
	padding-left: 18px;
	color: var(--mf-navy);
	font: 600 30px/1.15 var(--mf-f-head);
}

.mf-v3 .mf-aciklama > h2:first-child {
	margin-top: 0;
}

.mf-v3 .mf-aciklama h2::before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	width: 4px;
	border-radius: 3px;
	background: linear-gradient(180deg, var(--mf-gold), var(--mf-red));
}

.mf-v3 .mf-aciklama h3 {
	margin: 26px 0 10px;
	color: var(--mf-red-dk);
	font: 600 21px/1.2 var(--mf-f-head);
}

.mf-v3 .mf-tablo {
	margin: 10px 0 26px;
	overflow-x: auto;
	border-radius: 14px;
	box-shadow: 0 14px 30px -24px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-tablo:focus-visible {
	outline: 2px solid var(--mf-gold);
	outline-offset: 2px;
}

.mf-v3 .mf-tablo table {
	width: 100%;
	min-width: 640px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
}

/* iki sutunlu tablo (urun govdesi: Attribute / Detail) dar ekrana sigar; yatay kaydirma yalniz 3+ sutunda */
.mf-v3 .mf-tablo table:not(:has(tr > :nth-child(3))) {
	min-width: 0;
}

.mf-v3 .mf-tablo th {
	padding: 13px 16px;
	border: 0;
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
	font: 500 13px/1.4 var(--mf-f-head);
	letter-spacing: .1em;
	text-align: left;
	text-transform: uppercase;
}

.mf-v3 .mf-tablo td {
	padding: 12px 16px;
	border: 0;
	border-top: 1px solid rgba(14, 26, 43, .07);
	color: var(--mf-body);
	vertical-align: top;
}

.mf-v3 .mf-tablo td:first-child {
	color: var(--mf-navy);
	font-weight: 600;
}

.mf-v3 .mf-tablo tr:nth-child(even) td {
	background: #FBF9F4;
}

/* duyarli: prototip 1300 (izgara 3 sutun) ve 767 kirilmalari */
@media (max-width: 1300px) {
	.mf-v3 .mf-arsiv-izgara .wd-products {
		--wd-col-lg: 3 !important;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-sayfa-hero {
		padding-block: 64px 60px;
	}

	.mf-v3 .mf-giris {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 24px;
	}

	.mf-v3 .mf-arac {
		gap: 10px;
	}

	.mf-v3 .mf-haplar {
		flex-wrap: nowrap;
		width: 100%;
		padding-bottom: 2px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.mf-v3 .mf-haplar::-webkit-scrollbar {
		display: none;
	}

	.mf-v3 .mf-hap {
		flex: none;
		padding: 8px 15px;
	}

	.mf-v3 .mf-sayi-k .elementor-shortcode {
		gap: 10px;
	}

	.mf-v3 input.mf-suzgec {
		flex: 1 1 100%;
		min-width: 0;
	}

	.mf-v3 .mf-siralama {
		margin-left: 0;
	}

	.mf-v3 .mf-cta-bant {
		flex-direction: column;
		align-items: flex-start;
		padding: 32px 26px;
	}

	.mf-v3 .mf-cta-baslik .title {
		font-size: 24px;
	}

	.mf-v3 .mf-aciklama {
		margin-top: 56px;
	}

	.mf-v3 .mf-aciklama h2 {
		font-size: 24px;
	}
}

/* ------------------------------------------------------------------ 28. Tekil urun: kahraman basligi + iki sutun (gorsel / bilgi) */
/* tek h1 kahramanda (wd_single_product_title); bilgi sutunundaki buyuk ad p.mf-urun-ad */
.mf-v3 .mf-ph-baslik .product_title {
	max-width: 900px;
	margin: 0;
	color: #fff;
	font: 600 clamp(38px, 5vw, 64px)/1.15 var(--mf-f-head);
	letter-spacing: .02em;
	text-transform: uppercase;
	overflow-wrap: break-word;
}

/* urun sayfasinda kahraman yalniz kirinti + ad: arsivden kisa -> bilgi sutunu ve teklif dugmesi 1440x900 ilk ekranda */
.mf-v3 .mf-sayfa-hero.mf-urun-hero {
	padding-block: 48px 36px;
}

.mf-v3 .mf-urun {
	padding-bottom: 96px;
}

.mf-v3 .mf-urun .elementor-element.elementor-widget {
	margin-block-end: 0;
}

/* prototip .pd: 1.05fr / 1fr, 48 px aralik; sutunlar esnemez (yapiskan gorselin kayacak yeri olsun) */
.mf-v3 .mf-urun-ikili.e-con {
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 48px;
	margin-top: 40px;
}

.mf-v3 .mf-urun-sol.e-con {
	position: sticky;
	top: 96px;
	flex: 1.05 1 0;
	align-self: flex-start;
	min-width: 0;
}

.mf-v3 .mf-urun-sag.e-con {
	--d: .1s;
	flex: 1 1 0;
	min-width: 0;
}

.mf-v3 .mf-urun-medya {
	position: relative;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 1;
	border-radius: 22px;
	background: radial-gradient(circle at 50% 40%, #fff 0%, var(--mf-bone-2) 100%);
	box-shadow: 0 30px 60px -34px rgba(14, 26, 43, .5), 0 0 0 1px rgba(201, 164, 92, .3);
}

.mf-v3 .mf-urun-medya .mf-urun-img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	transform-origin: var(--mf-zx, 50%) var(--mf-zy, 50%);
	transition: transform .5s var(--mf-ease);
}

/* yakinlastirma yalniz ince isaretcide (dokunmatikte :hover yapisip kalmasin); odak JS ile isaretciyi izler */
@media (hover: hover) and (pointer: fine) {
	.mf-v3 .mf-urun-medya {
		cursor: zoom-in;
	}

	.mf-v3 .mf-urun-medya:hover .mf-urun-img {
		transform: scale(1.6);
	}
}

.mf-v3 .mf-urun-rozet {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 1;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
	font: 500 12px/1.3 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
	pointer-events: none;
}

.mf-v3 .mf-urun-ust {
	margin-bottom: 12px;
}

.mf-v3 .mf-urun-ad {
	margin: 0;
	color: var(--mf-navy);
	font: 600 clamp(34px, 4vw, 50px)/1.15 var(--mf-f-head);
	letter-spacing: .02em;
	text-transform: uppercase;
	overflow-wrap: break-word;
}

.mf-v3 .mf-urun-kisa {
	margin-top: 14px;
}

.mf-v3 .mf-urun-kisa p {
	margin: 0;
	color: var(--mf-body);
	font-size: 18px;
	line-height: 1.6;
}

.mf-v3 .mf-spec {
	margin-top: 22px;
	overflow: hidden;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 34px -26px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-spec .mf-spec-baslik {
	margin: 0;
	padding: 12px 20px;
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
	font: 600 13px/1.4 var(--mf-f-head);
	letter-spacing: .16em;
	text-transform: uppercase;
}

.mf-v3 .mf-spec table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.mf-v3 .mf-spec :is(th, td) {
	padding: 10px 20px;
	border: 0;
	border-top: 1px solid rgba(14, 26, 43, .07);
	background: none;
	font: 400 14.5px/1.5 var(--mf-f-body);
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	vertical-align: top;
}

.mf-v3 .mf-spec th {
	width: 40%;
	color: var(--mf-muted);
}

.mf-v3 .mf-spec td {
	color: var(--mf-navy);
	font-weight: 600;
}

.mf-v3 .mf-spec .mf-bos-deger {
	color: var(--mf-muted);
	font-weight: 400;
}

.mf-v3 .mf-urun-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin: 10px 0 0;
	color: var(--mf-body);
	font-size: 13.5px;
	line-height: 1.5;
}

.mf-v3 .mf-urun-meta b {
	color: var(--mf-navy);
	font-weight: 600;
}

.mf-v3 .mf-urun-meta a {
	color: var(--mf-red);
	text-decoration: underline;
	text-decoration-color: rgba(179, 38, 45, .3);
	text-underline-offset: 3px;
	transition: color .2s, text-decoration-color .2s;
}

.mf-v3 .mf-urun-meta a:hover {
	color: var(--mf-red-dk);
	text-decoration-color: currentColor;
}

.mf-v3 .mf-urun-eylem {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 22px;
}

.mf-v3 .mf-urun-not p {
	margin: 12px 0 0;
	color: var(--mf-muted);
	font-size: 13px;
	line-height: 1.5;
}

.mf-v3 .mf-urun-ozellik .mf-ozellik {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.mf-v3 .mf-urun-ozellik .mf-ozellik li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px;
	border-radius: 14px;
	background: var(--mf-navy);
	color: rgba(245, 241, 232, .85);
	font-size: 13px;
	line-height: 1.35;
}

.mf-v3 .mf-urun-ozellik .mf-ozellik img {
	flex: none;
	width: 34px;
	height: 34px;
	padding: 6px;
	border-radius: 50%;
	background: var(--mf-bone);
}

/* ------------------------------------------------------------------ 29. Tekil urun: govde metni */
/* govde .mf-aciklama tipografisini (27) kullanir; iki sutunun altinda. Prototipin not kartlari yok: govdede ayni
   basliklar (How it is prepared / Ordering notes) 121 urunun hepsinde var */
.mf-v3 .mf-urun-aciklama {
	margin-top: 84px;
}

/* ------------------------------------------------------------------ 30. Tekil urun: ilgili urunler + onceki / sonraki */
.mf-v3 .mf-urun-alt.mf-bant-beyaz {
	margin-top: 0;
	padding-block: 76px 88px;
}

.mf-v3 .mf-ilgili-bas {
	position: relative;
	isolation: isolate;
	margin-bottom: 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(14, 26, 43, .1);
}

/* Woodmart sutun/aralik degiskenlerini satir ici style ile basiyor -> !important yalniz degiskende */
.mf-v3 .mf-ilgili .wd-products {
	--wd-col-lg: 4 !important;
	--wd-col-md: 3 !important;
	--wd-col-sm: 2 !important;
	--wd-gap-lg: 22px !important;
	--wd-gap-md: 22px !important;
	--wd-gap-sm: 14px !important;
}

.mf-v3 .mf-komsu {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 40px;
}

.mf-v3 .mf-komsu-kart {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 48%;
	padding: 12px 18px 12px 12px;
	border-radius: 14px;
	/* beyaz bantta (mf-urun-alt): ilgili kartlar gibi krem */
	background: var(--mf-bone);
	box-shadow: 0 10px 24px -20px rgba(14, 26, 43, .5);
	text-decoration: none;
	transition: transform .3s var(--mf-ease), box-shadow .3s var(--mf-ease);
}

.mf-v3 .mf-komsu-kart.mf-komsu-sonraki {
	flex-direction: row-reverse;
	margin-left: auto;
	padding: 12px 12px 12px 18px;
	text-align: right;
}

.mf-v3 .mf-komsu-kart:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 30px -20px rgba(14, 26, 43, .6);
}

.mf-v3 .mf-komsu-kart:focus-visible {
	outline: 2px solid var(--mf-gold);
	outline-offset: 3px;
}

.mf-v3 .mf-komsu-kart .mf-komsu-img {
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: 10px;
	object-fit: cover;
}

.mf-v3 .mf-komsu-kart small {
	display: block;
	color: var(--mf-muted);
	font-size: 11.5px;
	line-height: 1.5;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mf-v3 .mf-komsu-kart b {
	color: var(--mf-navy);
	font: 500 15px/1.3 var(--mf-f-head);
}

/* ------------------------------------------------------------------ 31. Tekil urun: duyarli */
@media (max-width: 1024px) {
	.mf-v3 .mf-urun-ikili.e-con {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	.mf-v3 .mf-urun-sol.e-con,
	.mf-v3 .mf-urun-sag.e-con {
		flex: none;
		width: 100%;
	}

	.mf-v3 .mf-urun-sol.e-con {
		position: relative;
		top: 0;
	}

	.mf-v3 .mf-urun-aciklama {
		margin-top: 64px;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-urun-ikili.e-con {
		margin-top: 32px;
	}

	.mf-v3 .mf-urun-kisa p {
		font-size: 17px;
	}

	.mf-v3 .mf-spec :is(th, td) {
		padding: 11px 16px;
	}

	.mf-v3 .mf-urun-ozellik .mf-ozellik {
		grid-template-columns: 1fr;
	}

	.mf-v3 .mf-urun-aciklama {
		margin-top: 56px;
	}

	.mf-v3 .mf-urun-alt.mf-bant-beyaz {
		padding-block: 56px 64px;
	}

	.mf-v3 .mf-komsu-kart {
		flex: 1 1 0;
		max-width: none;
		min-width: 0;
	}

	.mf-v3 .mf-komsu-kart b {
		font-size: 13px;
	}
}

/* ==================================================================
   FAZ 6 -- hakkimizda (about-us) + iletisim (contact-us). Yapi site-tema/f6_sayfalar.py'de (ozel v3
   kopyalari; kapi acikken mf-v3-sayfa.php orijinal adreste gosterir). Kahraman bolum 23'u, CTA bandi
   bolum 26'yi kullanir. Istatistik / kayit notu / gonderim onayi kisa koddan (sayilar sorgudan).
   ================================================================== */

/* ------------------------------------------------------------------ 32. Hakkimizda: kartlar, biz kimiz, istatistik bandi, tartim notu */
.mf-v3 .mf-sayfa-govde {
	padding-bottom: 96px;
}

.mf-v3 .mf-sayfa-govde .elementor-element.elementor-widget {
	margin-block-end: 0;
}

/* prototip .two-cards: iki esit kart, ustteki kahramana 34 px biner */
.mf-v3 .mf-iki-kart.e-con {
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 22px;
}

.mf-v3 .mf-iki-kart--ust.e-con {
	position: relative;
	z-index: 3;
	margin-top: -34px;
}

.mf-v3 .mf-iki-kart--alt.e-con {
	margin-top: 84px;
}

.mf-v3 .mf-kart.e-con {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	padding: 30px 32px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 26px 50px -34px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-kart.mf-gec.e-con {
	--d: .1s;
}

/* sol kenarda altin -> kirmizi serit (Elementor ::before'u arka plan ortusu icin kullanir) */
.mf-v3 .mf-kart.e-con::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 4px;
	background: linear-gradient(180deg, var(--mf-gold), var(--mf-red));
	pointer-events: none;
}

.mf-v3 .mf-kart-baslik .title-wrapper {
	margin: 0 0 10px;
}

.mf-v3 .mf-kart-baslik .title {
	margin: 0;
	color: var(--mf-navy);
	font: 600 22px/1.2 var(--mf-f-head);
	letter-spacing: .05em;
	text-transform: uppercase;
}

.mf-v3 .mf-kart-yazi p {
	margin: 0;
	color: var(--mf-body);
}

.mf-v3 .mf-kart-yazi p + p {
	margin-top: 12px;
}

/* prototip .who: metin + gorsel, 56 px aralik */
.mf-v3 .mf-kim.e-con {
	flex-wrap: nowrap;
	align-items: center;
	gap: 56px;
	margin-top: 84px;
}

.mf-v3 .mf-kim-metin.e-con,
.mf-v3 .mf-kim-gorsel.e-con {
	flex: 1 1 0;
	min-width: 0;
}

.mf-v3 .mf-kim-baslik .title-wrapper {
	margin: 10px 0 0;
}

.mf-v3 .mf-kim-yazi p {
	margin: 14px 0 0;
	color: var(--mf-body);
}

.mf-v3 .mf-kim-yazi p:first-child {
	color: var(--mf-navy);
	font-size: 17px;
}

.mf-v3 .mf-kim-gorsel.e-con {
	--d: .1s;
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 4.3;
	border-radius: 22px;
	box-shadow: 0 30px 60px -30px rgba(14, 26, 43, .6);
}

/* ic cerceve (prototip .who-img::after) */
.mf-v3 .mf-kim-gorsel.e-con::after {
	content: "";
	position: absolute;
	inset: 14px;
	z-index: 1;
	border: 1px solid rgba(234, 201, 147, .6);
	border-radius: 14px;
	pointer-events: none;
}

.mf-v3 .mf-kim-img.elementor-widget {
	position: absolute;
	inset: 0;
}

.mf-v3 .mf-kim-img :is(.elementor-widget-container, .wd-image, img) {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
}

.mf-v3 .mf-kim-img img {
	object-fit: cover;
}

/* donen logo damgasi (susleme, alt bos): 40 sn'de bir tur; hareket azaltmada durur (bolum 99) */
.mf-v3 .mf-muhur-k.elementor-widget {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	width: 110px;
	height: 110px;
}

.mf-v3 .mf-muhur-k :is(.elementor-widget-container, .wd-text-block, p) {
	margin: 0;
	line-height: 0;
}

.mf-v3 .mf-muhur {
	display: block;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--mf-navy), 0 18px 30px -10px rgba(0, 0, 0, .6);
	animation: mf-muhur-don 40s linear infinite;
}

@keyframes mf-muhur-don {
	to {
		transform: rotate(360deg);
	}
}

/* istatistik bandi: [mf_sayfa parca="istatistik"] (urun / aralik sayisi sorgudan, yil + no sirket kaydindan) */
.mf-v3 .mf-istatistik {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 70px 0 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	border-radius: 20px;
	background: var(--mf-navy);
	box-shadow: 0 30px 60px -34px rgba(9, 18, 30, .8);
}

.mf-v3 .mf-stat {
	position: relative;
	margin: 0;
	padding: 30px 26px;
	text-align: center;
}

.mf-v3 .mf-stat + .mf-stat::before {
	content: "";
	position: absolute;
	top: 26px;
	bottom: 26px;
	left: 0;
	width: 1px;
	background: rgba(201, 164, 92, .2);
}

.mf-v3 .mf-stat b {
	display: block;
	color: var(--mf-gold-lt);
	font: 600 44px/1 var(--mf-f-head);
	letter-spacing: .02em;
}

.mf-v3 .mf-stat--no b {
	font-size: 30px;
	line-height: 1.45;
}

.mf-v3 .mf-stat span {
	display: block;
	margin-top: 8px;
	color: rgba(245, 241, 232, .75);
	font-size: 13px;
	line-height: 1.5;
}

.mf-v3 .mf-kayit-notu {
	margin: 14px 0 0;
	color: var(--mf-muted);
	font-size: 13px;
	text-align: center;
}

/* tartim notu (prototip .catch): terazi simgesi CSS'te (metin blogunda SVG wpautop'a takilmasin) */
.mf-v3 .mf-tartim.elementor-widget {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 26px;
	padding: 20px 24px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 30px -26px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-tartim.elementor-widget::before {
	content: "";
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--mf-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1A2B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 7h14M5 7l-3 7a4 4 0 0 0 6 0L5 7zM19 7l-3 7a4 4 0 0 0 6 0l-3-7M8 21h8'/%3E%3C/svg%3E") center / 22px no-repeat;
}

.mf-v3 .mf-tartim.elementor-widget > * {
	flex: 1 1 auto;
	min-width: 0;
}

.mf-v3 .mf-tartim p {
	margin: 0;
	color: var(--mf-body);
}

.mf-v3 .mf-tartim strong {
	color: var(--mf-navy);
}

/* ------------------------------------------------------------------ 33. Iletisim: SSS kutusu (wd_accordion) */
/* prototip .contact: SSS 1fr / form 1.05fr, kahramana 34 px biner */
.mf-v3 .mf-iletisim-izgara.e-con {
	position: relative;
	z-index: 3;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 40px;
	margin-top: -34px;
}

.mf-v3 .mf-sss-kutu.e-con {
	flex: 1 1 0;
	min-width: 0;
	padding: 32px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 26px 50px -34px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-form-kutu.e-con {
	--d: .1s;
	position: relative;
	flex: 1.05 1 0;
	min-width: 0;
	overflow: hidden;
	padding: 34px;
	border-radius: 20px;
	background: var(--mf-navy);
	box-shadow: 0 30px 60px -34px rgba(9, 18, 30, .8), inset 0 0 0 1px rgba(201, 164, 92, .25);
}

.mf-v3 :is(.mf-sss-kutu, .mf-form-kutu) .mf-eyebrow-blok {
	margin-bottom: 10px;
}

.mf-v3 .mf-form-kutu .mf-eyebrow-blok p {
	color: var(--mf-gold-lt);
}

.mf-v3 .mf-kutu-baslik .title-wrapper {
	margin: 0 0 18px;
}

.mf-v3 .mf-kutu-baslik .title {
	margin: 0;
	color: var(--mf-navy);
	font: 600 26px/1.2 var(--mf-f-head);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mf-v3 .mf-form-kutu .mf-kutu-baslik .title-wrapper {
	margin-bottom: 22px;
}

.mf-v3 .mf-form-kutu .mf-kutu-baslik .title {
	color: #fff;
	font-size: 28px;
}

/* Woodmart akordeonu -> prototip .acc (parca CSS'i govdede sonra yuklenir: secici agirligi ondan yuksek) */
.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item,
.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item:first-of-type {
	border-top: 1px solid rgba(14, 26, 43, .08);
	border-bottom: 0;
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title {
	gap: 16px;
	padding-block: 16px;
	border-radius: 6px;
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title:focus-visible {
	outline-color: var(--mf-red);
	outline-offset: 2px;
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title > .wd-accordion-title-text {
	color: var(--mf-navy);
	font: 500 16px/1.35 var(--mf-f-head);
	letter-spacing: .02em;
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title:hover > .wd-accordion-title-text {
	color: var(--mf-red);
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener {
	position: relative;
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--mf-bone);
	color: var(--mf-red);
	font-size: 0;
	transition: transform .35s var(--mf-ease), background-color .3s, color .3s;
}

/* arti isareti iki cizgi (Woodmart ikon yazitipi yerine) */
.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener::before,
.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: currentColor;
	font-family: inherit;
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-opener::after {
	transform: rotate(90deg);
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-title.wd-active .wd-accordion-opener {
	background: var(--mf-red);
	color: #fff;
	transform: rotate(45deg);
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-content {
	padding-bottom: 18px;
}

.mf-v3 .mf-sss .wd-accordion-content p {
	margin: 0;
	color: var(--mf-body);
}

.mf-v3 .mf-sss .wd-accordion > .wd-accordion-item > .wd-accordion-content.wd-active {
	animation: mf-sss-ac .35s var(--mf-ease);
}

@keyframes mf-sss-ac {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
}

/* ------------------------------------------------------------------ 34. Iletisim formu (CF7 #1572, yalniz gorunum) + gonderim onayi */
/* alanlar CF7 sablonundan; mf-v3-sayfa.php yalniz ciktiya id/for, placeholder=" " ve autocomplete ekler */
.mf-v3 .mf-form .wpcf7-form {
	margin: 0;
}

.mf-v3 .mf-form .wpcf7-form .wd-grid-g {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mf-v3 .mf-form .wpcf7-form .wd-grid-f-stretch {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.mf-v3 .mf-form .wpcf7-form .wd-col {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.mf-v3 .mf-form .wpcf7-form p {
	position: relative;
	margin: 0;
}

.mf-v3 .mf-form .wpcf7-form p br {
	display: none;
}

.mf-v3 .mf-form .wpcf7-form-control-wrap {
	display: block;
}

.mf-v3 .mf-form .wpcf7-form :is(input:not([type=submit]):not([type=hidden]), textarea) {
	display: block;
	width: 100%;
	height: auto;
	min-height: 54px;
	margin: 0;
	padding: 22px 16px 8px;
	border: 1px solid rgba(201, 164, 92, .3);
	border-radius: 12px;
	background: rgba(255, 255, 255, .05);
	color: #fff;
	font: 400 15px/1.4 var(--mf-f-body);
	box-shadow: none;
	transition: border-color .25s, background-color .25s, box-shadow .25s;
}

/* ustteki :is(input:not(..):not(..), textarea) ozgulugu (0,5,1): esit ozgulukle sonra gelmezse height:auto kazanir,
   CF7 rows=10 -> 240px, gonder dugmesi 1440 ilk ekrandan tasar (prototip ~140px) */
.mf-v3 .mf-form .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
	height: 140px;
	min-height: 120px;
	resize: vertical;
}

.mf-v3 .mf-form .wpcf7-form :is(input:not([type=submit]):not([type=hidden]), textarea):focus {
	border-color: var(--mf-gold);
	background: rgba(255, 255, 255, .09);
	box-shadow: 0 0 0 1px var(--mf-gold);
	outline: none;
}

.mf-v3 .mf-form .wpcf7-form input:-webkit-autofill,
.mf-v3 .mf-form .wpcf7-form input:-webkit-autofill:hover,
.mf-v3 .mf-form .wpcf7-form input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
	-webkit-box-shadow: 0 0 0 100px #1A2638 inset;
	transition: background-color 9999s;
}

/* yuzen etiket: varsayilan durum UST (kucuk) -> :has desteklemeyen tarayicida etiket alanla cakismaz;
   alan bos ve odaksizken etiket alanin ortasina iner (prototip .fld label) */
.mf-v3 .mf-form .wpcf7-form p > label {
	position: absolute;
	top: 7px;
	right: 17px;
	left: 17px;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	color: var(--mf-gold-lt);
	font: 500 11px/1.4 var(--mf-f-body);
	letter-spacing: .08em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
	pointer-events: none;
	transition: top .2s var(--mf-ease), font-size .2s var(--mf-ease), letter-spacing .2s, color .2s;
}

.mf-v3 .mf-form .wpcf7-form p:has(> .wpcf7-form-control-wrap > :placeholder-shown:not(:focus)) > label {
	top: 16px;
	color: rgba(245, 241, 232, .72);
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

.mf-v3 .mf-form .wpcf7-form .wpcf7-not-valid {
	border-color: #FF9A8F;
}

.mf-v3 .mf-form .wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #FFB4A9;
	font-size: 13px;
}

.mf-v3 .mf-form .wpcf7 form .wpcf7-response-output {
	margin: 18px 0 0;
	padding: 12px 16px;
	border: 1px solid rgba(201, 164, 92, .5);
	border-radius: 12px;
	color: var(--mf-bone);
	font-size: 14px;
}

.mf-v3 .mf-form .wpcf7 form:is(.invalid, .unaccepted, .payment-required, .spam, .failed, .aborted) .wpcf7-response-output {
	border-color: #FF9A8F;
}

/* gonder: prototip kirmizi hap + ok halkasi (input icerik alamaz: ok arka plan gorseli) */
.mf-v3 .mf-form div.wpcf7 input[type=submit] {
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	margin: 4px 0 0;
	padding: 14px 58px 14px 26px;
	border: 0;
	border-radius: 999px;
	background: var(--mf-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23fff' fill-opacity='.18'/%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' transform='translate(7 7) scale(.667)' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center / 30px no-repeat;
	color: #fff;
	font: 500 14px/1.2 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 12px 26px -12px rgba(179, 38, 45, .8);
	transition: background-color .3s, color .3s, transform .3s var(--mf-ease), box-shadow .3s;
}

.mf-v3 .mf-form div.wpcf7 input[type=submit]:hover,
.mf-v3 .mf-form div.wpcf7 input[type=submit]:focus-visible {
	background-color: var(--mf-navy-deep);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23C9A45C'/%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' transform='translate(8 7) scale(.667)' fill='none' stroke='%230E1A2B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	color: var(--mf-gold-lt);
	transform: translateY(-2px);
	box-shadow: 0 16px 30px -12px rgba(0, 0, 0, .7), inset 0 0 0 1px var(--mf-gold);
}

.mf-v3 .mf-form div.wpcf7 input[type=submit]:disabled {
	cursor: progress;
	opacity: .7;
}

.mf-v3 .mf-form div.wpcf7 .wpcf7-spinner::before {
	border-left-color: var(--mf-gold-lt);
}

/* gonderim onayi: [mf_sayfa parca="onay"] -- kutuyu kaplar; baslik CF7'nin kendi basari mesaji */
.mf-v3 .mf-onay-k.elementor-widget,
.mf-v3 .mf-onay-k :is(.elementor-widget-container, .elementor-shortcode) {
	position: static;
}

.mf-v3 .mf-onay {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 30px;
	background: var(--mf-navy);
	text-align: center;
	animation: mf-onay-gir .5s var(--mf-ease);
}

.mf-v3 .mf-onay[hidden] {
	display: none;
}

@keyframes mf-onay-gir {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
}

.mf-v3 .mf-onay-isaret {
	display: grid;
	place-items: center;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: var(--mf-gold);
	color: var(--mf-navy);
}

.mf-v3 .mf-onay-isaret svg {
	display: block;
}

.mf-v3 .mf-onay-baslik {
	max-width: 380px;
	margin: 0;
	color: #fff;
	font: 600 24px/1.25 var(--mf-f-head);
	letter-spacing: .02em;
}

/* odak ekran okuyucu duyurusu icin (tabindex=-1, etkilesimli degil); gorunur odak halkasi dugmede */
.mf-v3 .mf-onay-baslik:focus {
	outline: none;
}

.mf-v3 .mf-btn.mf-onay-yeni {
	margin-top: 6px;
	padding: 14px 26px;
}

/* ------------------------------------------------------------------ 35. Hakkimizda + iletisim: duyarli */
@media (max-width: 1024px) {
	.mf-v3 .mf-kim.e-con,
	.mf-v3 .mf-iletisim-izgara.e-con {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	.mf-v3 .mf-kim-metin.e-con,
	.mf-v3 .mf-kim-gorsel.e-con,
	.mf-v3 .mf-sss-kutu.e-con,
	.mf-v3 .mf-form-kutu.e-con {
		flex: none;
		width: 100%;
	}

	.mf-v3 .mf-kim-gorsel.e-con {
		aspect-ratio: 4 / 3;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-sayfa-govde {
		padding-bottom: 72px;
	}

	.mf-v3 .mf-iki-kart.e-con {
		flex-direction: column;
		gap: 14px;
	}

	.mf-v3 .mf-kart.e-con {
		flex: none;
		width: 100%;
		padding: 26px 24px;
	}

	.mf-v3 .mf-kim.e-con,
	.mf-v3 .mf-iki-kart--alt.e-con {
		margin-top: 64px;
	}

	.mf-v3 .mf-kim-gorsel.e-con {
		aspect-ratio: 4 / 3.4;
	}

	.mf-v3 .mf-muhur-k.elementor-widget,
	.mf-v3 .mf-muhur {
		width: 84px;
		height: 84px;
	}

	.mf-v3 .mf-istatistik {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 56px;
	}

	.mf-v3 .mf-stat {
		padding: 24px 14px;
	}

	.mf-v3 .mf-stat:nth-child(3)::before {
		display: none;
	}

	.mf-v3 .mf-stat b {
		font-size: 34px;
	}

	.mf-v3 .mf-stat--no b {
		font-size: 24px;
	}

	.mf-v3 .mf-tartim.elementor-widget {
		align-items: flex-start;
		padding: 18px;
	}

	.mf-v3 .mf-sss-kutu.e-con {
		padding: 24px 20px;
	}

	.mf-v3 .mf-form-kutu.e-con {
		padding: 28px 20px;
	}

	.mf-v3 .mf-kutu-baslik .title,
	.mf-v3 .mf-form-kutu .mf-kutu-baslik .title {
		font-size: 24px;
	}

	.mf-v3 .mf-form .wpcf7-form .wd-grid-f-stretch {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------------ 36. Rehberler: arsiv kartlari (ilk kart genis, sonra 3 sutun) */
/* prototip .guide-grid: kahramana 34 px biner; sayfa sonu boslugu .mf-guides'ta */
.mf-v3 .mf-guides {
	padding-bottom: 96px;
}

.mf-v3 :is(.mf-guides, .mf-article) .elementor-element.elementor-widget {
	margin-block-end: 0;
}

.mf-v3 .mf-guide-grid {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: -34px;
}

.mf-v3 .mf-guide {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	color: var(--mf-body);
	text-decoration: none;
	box-shadow: 0 22px 44px -32px rgba(14, 26, 43, .55);
	transition: translate .45s var(--mf-ease), box-shadow .45s;
}

/* acilma (.mf-reveal: opacity + transform, gecikmeli) ile uzerine gelme (translate) ayri ozellik: kaldirma gecikmesiz */
html.mf-js .mf-v3 .mf-guide.mf-reveal {
	transition: opacity .8s var(--mf-ease) var(--d, 0s), transform .8s var(--mf-ease) var(--d, 0s), translate .45s var(--mf-ease), box-shadow .45s;
}

.mf-v3 .mf-guide:hover,
.mf-v3 .mf-guide:focus-visible {
	translate: 0 -8px;
	box-shadow: 0 30px 50px -28px rgba(14, 26, 43, .6);
}

.mf-v3 .mf-guide:focus-visible {
	outline: 2px solid var(--mf-red);
	outline-offset: 3px;
}

.mf-v3 .mf-guide-media {
	position: relative;
	flex: none;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--mf-navy);
}

.mf-v3 .mf-guide-img {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	/* G1: kart basina odak (mf-v3-blog.php card_focus -> --mf-odak), kayitsizsa ortada */
	object-position: var(--mf-odak, 50% 50%);
	transform-origin: var(--mf-odak, 50% 50%);
	transition: transform .9s var(--mf-ease);
}

.mf-v3 .mf-guide:hover .mf-guide-img {
	transform: scale(1.07);
}

.mf-v3 .mf-guide-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 14px;
	padding: 22px 24px 26px;
}

.mf-v3 .mf-guide-title {
	margin: 0;
	color: var(--mf-navy);
	font: 600 20px/1.2 var(--mf-f-head);
	letter-spacing: 0;
	text-transform: none;
}

.mf-v3 .mf-guide-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: var(--mf-red);
	font: 600 13px/1.2 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mf-v3 .mf-guide-more svg {
	flex: none;
	transition: translate .3s var(--mf-ease);
}

.mf-v3 .mf-guide:hover .mf-guide-more svg {
	translate: 4px 0;
}

/* ilk kart: iki sutun, gorsel solda (prototip .guide:first-child) */
.mf-v3 .mf-guide:first-child {
	grid-column: span 2;
	flex-direction: row;
}

.mf-v3 .mf-guide:first-child .mf-guide-media {
	flex: 1.2 1 0;
	aspect-ratio: auto;
	min-height: 300px;
}

.mf-v3 .mf-guide:first-child .mf-guide-body {
	flex: 1 1 0;
	justify-content: center;
	padding: 34px;
}

.mf-v3 .mf-guide:first-child .mf-guide-title {
	font-size: 28px;
}

/* yalniz genis ilk kartta: yazinin elle yazilmis ozeti (PHP yalniz ilk karta basar) */
.mf-v3 .mf-guide-excerpt {
	margin: 0;
	color: var(--mf-body);
	font: 400 15.5px/1.65 var(--mf-f-body);
}

.mf-v3 .mf-guides-empty {
	position: relative;
	z-index: 3;
	margin: -34px 0 0;
	padding: 34px;
	border-radius: 18px;
	background: #fff;
	color: var(--mf-body);
}

.mf-v3 .mf-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 44px 0 0;
	padding: 0;
	list-style: none;
}

.mf-v3 .mf-pagination .page-numbers:is(a, span) {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	background: #fff;
	color: var(--mf-navy);
	font: 500 14px/1 var(--mf-f-head);
	letter-spacing: .08em;
	box-shadow: 0 10px 24px -20px rgba(14, 26, 43, .6);
	transition: background-color .25s, color .25s;
}

.mf-v3 .mf-pagination a.page-numbers:hover,
.mf-v3 .mf-pagination .page-numbers.current {
	background: var(--mf-navy);
	color: #fff;
}

/* Woodmart onceki/sonrakiye ::before ile kendi yazi tipi okunu ekler; ok zaten PHP'nin span'i (cift ok olmasin) */
.mf-v3 .mf-pagination .page-numbers:is(.next, .prev)::before {
	content: none;
}

/* ------------------------------------------------------------------ 37. Rehber yazisi: kahraman haplari, icindekiler, metin, tablolar, SSS */
.mf-v3 .mf-ph-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.mf-v3 .mf-ph-meta span {
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .07);
	box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .35);
	color: var(--mf-gold-lt);
	font: 500 12px/1.4 var(--mf-f-head);
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mf-v3 .mf-sayfa-hero .mf-ph-meta-k:not(:has(.mf-ph-meta)) {
	display: none;
}

/* prototip .article: 250 px icindekiler + metin, 56 px aralik; icindekiler yapiskan */
.mf-v3 .mf-article {
	padding-bottom: 96px;
}

.mf-v3 .mf-article-grid.e-con {
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 56px;
	margin-top: 56px;
}

.mf-v3 .mf-toc-col.e-con {
	--width: 250px;
	position: sticky;
	top: 96px;
	flex: 0 0 250px;
	align-self: flex-start;
	width: 250px;
	min-width: 0;
}

.mf-v3 .mf-prose-col.e-con {
	--width: auto;
	flex: 1 1 0;
	min-width: 0;
}

.mf-v3 .mf-toc {
	padding: 22px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 30px -26px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-toc-title {
	margin: 0 0 12px;
	color: var(--mf-red);
	font: 600 13px/1.3 var(--mf-f-head);
	letter-spacing: .16em;
	text-transform: uppercase;
}

.mf-v3 .mf-toc-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mf-v3 .mf-toc-list li {
	margin: 0;
}

.mf-v3 .mf-toc-list a {
	display: block;
	padding: 7px 0 7px 12px;
	border-left: 2px solid rgba(14, 26, 43, .08);
	color: var(--mf-muted);
	font-size: 13.5px;
	line-height: 1.35;
	text-decoration: none;
	transition: color .25s, border-color .25s;
}

.mf-v3 .mf-toc-list a:hover,
.mf-v3 .mf-toc-list a[aria-current] {
	border-left-color: var(--mf-red);
	color: var(--mf-navy);
}

.mf-v3 .mf-prose {
	/* 760px'te gorsel kapi ~92 karakter/satir olctu; 720px ile <= 90 (okunabilir satir boyu) */
	max-width: 720px;
	color: var(--mf-body);
	font-size: 16.5px;
	line-height: 1.7;
}

.mf-v3 .mf-prose > p {
	margin: 0 0 20px;
}

.mf-v3 .mf-prose > p:first-child {
	color: var(--mf-navy);
	font-size: 19px;
	line-height: 1.6;
}

.mf-v3 .mf-prose h2 {
	position: relative;
	margin: 44px 0 16px;
	padding-left: 18px;
	color: var(--mf-navy);
	font: 600 30px/1.15 var(--mf-f-head);
	letter-spacing: 0;
	text-transform: none;
	scroll-margin-top: 110px;
}

.mf-v3 .mf-prose h2::before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	width: 4px;
	border-radius: 3px;
	background: linear-gradient(180deg, var(--mf-gold), var(--mf-red));
}

.mf-v3 .mf-prose > h2:first-child {
	margin-top: 0;
}

.mf-v3 .mf-prose h3 {
	margin: 26px 0 10px;
	color: var(--mf-red-dk);
	font: 600 21px/1.25 var(--mf-f-head);
	letter-spacing: 0;
	text-transform: none;
}

.mf-v3 .mf-prose :is(ul, ol) {
	margin: 0 0 20px;
	padding-left: 1.3em;
}

.mf-v3 .mf-prose li {
	margin-bottom: 6px;
}

.mf-v3 .mf-prose strong {
	color: var(--mf-navy);
}

.mf-v3 .mf-prose a {
	color: var(--mf-red);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mf-v3 .mf-prose a:hover {
	color: var(--mf-red-dk);
}

/* tablo: yatay kayan bolge (klavyeyle odaklanir), lacivert baslik satiri */
.mf-v3 .mf-tbl {
	margin: 10px 0 26px;
	overflow-x: auto;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 14px 30px -24px rgba(14, 26, 43, .5);
	overscroll-behavior-x: contain;
}

.mf-v3 .mf-tbl:focus-visible {
	outline: 2px solid var(--mf-red);
	outline-offset: 3px;
}

.mf-v3 .mf-tbl table {
	width: 100%;
	min-width: 640px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.mf-v3 .mf-tbl th {
	padding: 13px 16px;
	border: 0;
	background: var(--mf-navy);
	color: var(--mf-gold-lt);
	font: 500 13px/1.3 var(--mf-f-head);
	letter-spacing: .1em;
	text-align: left;
	text-transform: uppercase;
	vertical-align: bottom;
}

.mf-v3 .mf-tbl td {
	padding: 12px 16px;
	border: 0;
	border-top: 1px solid rgba(14, 26, 43, .07);
	color: var(--mf-body);
	text-align: left;
	vertical-align: top;
}

.mf-v3 .mf-tbl td:first-child {
	color: var(--mf-navy);
	font-weight: 600;
}

.mf-v3 .mf-tbl tbody tr:nth-child(even) td {
	background: #FBF9F4;
}

/* SSS: yerel <details> (prototip .prose .acc) */
.mf-v3 .mf-prose .mf-faq {
	margin: 0 0 10px;
	padding: 0 20px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 24px -22px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-prose .mf-faq > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 44px;
	padding: 16px 0;
	border-radius: 6px;
	cursor: pointer;
	list-style: none;
}

.mf-v3 .mf-prose .mf-faq > summary::-webkit-details-marker {
	display: none;
}

.mf-v3 .mf-prose .mf-faq > summary:focus-visible {
	outline: 2px solid var(--mf-red);
	outline-offset: 2px;
}

.mf-v3 .mf-prose .mf-faq-q {
	margin: 0;
	color: var(--mf-navy);
	font: 500 16px/1.35 var(--mf-f-head);
	letter-spacing: .02em;
	transition: color .25s;
}

.mf-v3 .mf-prose .mf-faq > summary:hover .mf-faq-q {
	color: var(--mf-red);
}

.mf-v3 .mf-prose .mf-faq-icon {
	position: relative;
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--mf-bone);
	color: var(--mf-red);
	transition: transform .35s var(--mf-ease), background-color .3s, color .3s;
}

.mf-v3 .mf-prose .mf-faq-icon::before,
.mf-v3 .mf-prose .mf-faq-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: currentColor;
}

.mf-v3 .mf-prose .mf-faq-icon::after {
	transform: rotate(90deg);
}

.mf-v3 .mf-prose .mf-faq[open] .mf-faq-icon {
	background: var(--mf-red);
	color: #fff;
	transform: rotate(45deg);
}

.mf-v3 .mf-prose .mf-faq-a > * {
	margin: 0;
	padding: 0 0 18px;
	color: var(--mf-body);
	font-size: 16px;
}

.mf-v3 .mf-prose .mf-faq[open] > .mf-faq-a {
	animation: mf-sss-ac .35s var(--mf-ease);
}

/* ------------------------------------------------------------------ 38. Rehberler: duyarli (prototip 1024 / 767) */
@media (max-width: 1024px) {
	.mf-v3 .mf-guide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mf-v3 .mf-article-grid.e-con {
		margin-top: 40px;
	}

	.mf-v3 .mf-toc-col.e-con {
		display: none;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-guide-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.mf-v3 .mf-guide:first-child {
		grid-column: auto;
		flex-direction: column;
	}

	.mf-v3 .mf-guide:first-child .mf-guide-media {
		flex: none;
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.mf-v3 .mf-guide:first-child .mf-guide-body {
		flex: 1 1 auto;
		padding: 22px 24px 26px;
	}

	.mf-v3 .mf-guide:first-child .mf-guide-title {
		font-size: 22px;
	}

	.mf-v3 .mf-guide-excerpt {
		font-size: 14.5px;
	}

	.mf-v3 .mf-guides,
	.mf-v3 .mf-article {
		padding-bottom: 72px;
	}

	.mf-v3 .mf-article-grid.e-con {
		margin-top: 32px;
	}

	.mf-v3 .mf-prose > p:first-child {
		font-size: 17.5px;
	}

	.mf-v3 .mf-prose h2 {
		margin-top: 36px;
		font-size: 24px;
	}

	.mf-v3 .mf-prose h3 {
		font-size: 19px;
	}

	.mf-v3 .mf-prose .mf-faq {
		padding: 0 16px;
	}
}

/* ------------------------------------------------------------------ 39. 404 + urun aramasi + asistan balonu (Faz 8a) */
/* 404: Woodmart 404.php yerine v3 sablonu (mf-v3-notfound.php). Kahraman Elementor kabi degil: tam genislik
   Woodmart'in bant hesabiyla (--wd-scroll-w: kaydirma cubugu), yigin baglami burada kurulur */
.mf-v3 .mf-404 {
	padding-bottom: 96px;
}

.mf-v3 .mf-sayfa-hero.mf-404-hero {
	position: relative;
	isolation: isolate;
	margin-inline: calc(50% - 50vw + var(--wd-scroll-w, 0px) / 2);
}

.mf-v3 .mf-404-ic {
	position: relative;
	z-index: 2;
	max-width: var(--wd-container-w, var(--mf-wrap));
	margin-inline: auto;
	padding-inline: 15px;
}

.mf-v3 .mf-404-kart {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 30px 56px;
	margin-top: -34px;
	padding: 38px 42px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 30px 60px -34px rgba(14, 26, 43, .5);
}

.mf-v3 .mf-404-baslik {
	margin: 0 0 16px;
	color: var(--mf-navy);
	font: 600 22px/1.25 var(--mf-f-head);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mf-v3 .mf-404-not {
	margin: -8px 0 16px;
	color: var(--mf-muted);
	font-size: 15px;
}

/* yardim satiri baglantilarin yaninda, sagda: sol alt kose asistan balonunun altinda kalir */
.mf-v3 .mf-404-alt {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: flex-end;
	gap: 14px 24px;
	padding-top: 26px;
	border-top: 1px solid rgba(14, 26, 43, .1);
}

.mf-v3 .mf-404-alt p {
	margin: 0;
	color: var(--mf-body);
	font-size: 15px;
}

.mf-v3 .mf-404-baglar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* urun arama formu (404 karti + arama sayfasinin arac satiri) */
.mf-v3 .mf-ara {
	display: flex;
	gap: 10px;
	width: 100%;
	max-width: 560px;
	margin: 0;
}

.mf-v3 input.mf-ara-girdi {
	flex: 1 1 auto;
	min-width: 0;
	height: 48px;
	padding: 0 20px;
	border: 1px solid rgba(14, 26, 43, .18);
	border-radius: 999px;
	background: #fff;
	color: var(--mf-navy);
	font-size: 15px;
	box-shadow: none;
	outline: none;
}

.mf-v3 input.mf-ara-girdi::placeholder {
	color: var(--mf-muted);
	opacity: 1;
}

.mf-v3 input.mf-ara-girdi:focus {
	border-color: var(--mf-gold);
	box-shadow: 0 0 0 3px rgba(201, 164, 92, .3);
}

.mf-v3 .mf-ara .mf-btn {
	flex: none;
	min-height: 48px;
	padding-block: 9px;
}

/* arama sayfasi: form arac satirinda sayinin solunda; sonuc yoksa hap satiri yok, sayi satiri kahramandan 34 px */
.mf-v3 .mf-sayi-k .mf-ara {
	flex: 1 1 360px;
	max-width: 520px;
}

.mf-v3 .mf-arsiv .mf-arac-hap:not(:has(.mf-hap)) {
	display: none;
}

.mf-v3 .mf-arsiv:not(:has(.mf-arac-hap .mf-hap)) .mf-arac-sayi {
	margin-top: 34px;
}

/* bos arama: prototipin .empty karti + oneri olarak katalog haplari */
.mf-v3 .mf-bos.mf-bos-arama {
	display: grid;
	justify-items: center;
	gap: 12px;
	padding: 56px 24px;
}

.mf-v3 .mf-bos-baslik {
	margin: 0;
	color: var(--mf-navy);
	font: 600 22px/1.3 var(--mf-f-head);
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mf-v3 .mf-bos-not {
	margin: 0;
	color: var(--mf-muted);
	font-size: 15px;
}

.mf-v3 .mf-bos-arama .mf-haplar {
	justify-content: center;
	margin-top: 10px;
}

/* AI asistan karsilama balonu (eklentinin satir ici CSS'i; eklentiye dokunulmaz): kapatma dugmesinin dokunma
   hedefi 44 px -- gorunen daire ayni (22 px, zemin radyal degradede), cevresi seffaf */
body.mf-v3 #mfa-notify-bubble {
	padding-right: 44px !important;
}

body.mf-v3 #mfa-notify-bubble .mfa-notify-close {
	display: grid;
	place-items: center;
	top: -3px !important;
	right: -3px !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: radial-gradient(circle, #F3F4F6 0 10.5px, transparent 11.5px) !important;
	color: #3E3E3E !important;
}

body.mf-v3 #mfa-notify-bubble .mfa-notify-close:hover {
	background: radial-gradient(circle, #E5E7EB 0 10.5px, transparent 11.5px) !important;
}

body.mf-v3 #mfa-notify-bubble .mfa-notify-close:focus-visible {
	outline: 2px solid var(--mf-gold) !important;
	outline-offset: -8px;
}

/* cekmecedeki arama: dolu sorguda Woodmart temizleme dugmesi (sagdan 46-76 px) metin alanina 6 px biniyordu;
   dugme 44 x 44 dokunma hedefi (Woodmart top: calc(50% - 12px) + height 24 yerine, ikon flex ile ortada),
   girdinin sag boslugu dugmeyi de kapsar */
body.mf-v3 .mobile-nav .searchform input.s {
	padding-inline-end: 96px;
}

body.mf-v3 .mobile-nav .searchform .wd-clear-search {
	top: calc(50% - 22px);
	width: 44px;
	height: 44px;
}

@media (max-width: 1024px) {
	.mf-v3 .mf-404-kart {
		gap: 28px 36px;
		padding: 32px;
	}
}

@media (max-width: 767px) {
	.mf-v3 .mf-404 {
		padding-bottom: 72px;
	}

	.mf-v3 .mf-404-kart {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
		padding: 24px;
	}

	.mf-v3 .mf-404-baslik,
	.mf-v3 .mf-bos-baslik {
		font-size: 20px;
	}

	.mf-v3 .mf-404-alt p {
		flex: 1 1 100%;
	}

	/* oneri haplari kaydirmasiz, satira sarar (arsivdeki yatay kayan hap satiri burada degil) */
	.mf-v3 :is(.mf-404-kart, .mf-bos-arama) .mf-haplar {
		flex-wrap: wrap;
		overflow: visible;
	}

	.mf-v3 .mf-sayi-k .mf-ara {
		flex-basis: 100%;
		max-width: none;
	}

	.mf-v3 .mf-ara .mf-btn {
		padding-inline: 18px 12px;
	}

	/* 404 kartinda form dar: dugme yalniz ikon (metin ekran okuyucuda kalir), yer tutucu kesilmez */
	.mf-v3 .mf-404-kart .mf-ara .mf-btn {
		position: relative;
		padding-inline: 9px;
	}

	.mf-v3 .mf-404-kart .mf-ara .mf-btn > span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	/* karsilama balonu 390'da icerigin daha azini kaplar: kirmizi dugmenin YANINDA tek satir yuksekliginde
       (ustune bindirilmis 290 x 97 yerine), avatar yok, metin 2 satir; yukari cik dugmesine (sag alt) degmez */
	body.mf-v3 #mfa-notify-bubble {
		top: auto !important;
		right: auto !important;
		bottom: 0 !important;
		left: 68px !important;
		align-items: center;
		width: calc(100vw - 152px) !important;
		max-width: 290px;
		min-height: 58px;
		padding: 8px 40px 8px 14px !important;
	}

	body.mf-v3 #mfa-notify-bubble .mfa-notify-avatar {
		display: none !important;
	}

	body.mf-v3 #mfa-notify-bubble .mfa-notify-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 13px !important;
		line-height: 1.45 !important;
	}

	body.mf-v3 #mfa-notify-bubble .mfa-notify-close {
		top: 50% !important;
		right: -4px !important;
		margin-top: -22px;
	}
}

/* ------------------------------------------------------------------ 40. Faz 8b: butunluk turu duzeltmeleri (kontrast, mobil cekmece odagi) */
/* Piksel kontrast olcumu (f8b_audit.py, 10. yuzdelik) 3:1 / 4.5:1 altinda kalan yuzeyler.
   Renk kimligi korunur; yalniz zemin koyulugu / ton acikligi ayarlanir. */

/* kahraman kirmizi vurgu: koyu zeminde >= 3:1 (buyuk metin)
   Faz 7 (2026-10-02): TR "Kuzu (Lamb)" EN "Lamb"dan uzun, zeminin acik kismina tasiyor (2.73 < 3.0; EN 3.08 sinirda)
   -> en koyu ton #E0484F yerine #EA6068 (hesap ~3.34). */
.mf-v3 .mf-slayt-baslik .mf-kirmizi {
	background-image: linear-gradient(100deg, #EA6068 0%, #EE6C73 40%, #F07880 60%, #EE6C73 100%);
	color: #EA6068;
}

.mf-v3 .mf-kutu-etiket p {
	background: rgba(9, 18, 30, .82);
}

/* galeri sayaci fotograf ustunde zeminsizdi -> yari saydam kapsul */
.mf-v3 .mf-galeri-sayi {
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(9, 18, 30, .82);
	box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .35);
}

.mf-v3 .mf-banner--kirmizi .banner-subtitle {
	color: #F5E2BF;
}

/* afis metni fotograf gecisine tasiyordu: koyu ortu metin kolonunun sonuna kadar surer */
.mf-v3 .mf-banner .main-wrapp-img::after {
	background: linear-gradient(90deg, rgba(9, 18, 30, .97) 0%, rgba(14, 26, 43, .92) 50%, rgba(14, 26, 43, .85) 64%, rgba(14, 26, 43, .2) 82%, rgba(14, 26, 43, 0) 92%);
}

.mf-v3 .mf-banner--kirmizi .main-wrapp-img::after {
	background: linear-gradient(90deg, rgba(120, 18, 24, .97) 0%, rgba(150, 28, 35, .93) 50%, rgba(160, 32, 39, .88) 64%, rgba(179, 38, 45, .2) 82%, rgba(179, 38, 45, 0) 92%);
}

.mf-v3 .mf-kirinti .wd-breadcrumbs,
.mf-v3 .mf-kirinti .wd-breadcrumbs .wd-last {
	color: rgba(245, 241, 232, .78);
}

.mf-v3 .mf-ph-meta span {
	background: rgba(9, 18, 30, .55);
}

@media (max-width: 1024px) {
	/* dar ekranda metin fotografin ortasina dusuyor: soldan radyal yerine esit koyu ortu */
	.mf-v3 .mf-sayfa-hero::before {
		background: linear-gradient(180deg, rgba(9, 18, 30, .9) 0%, rgba(14, 26, 43, .85) 100%);
	}
}

@media (max-width: 767px) {
	/* mobilde afis metni %80 genislikte: ortu neredeyse tum kareyi kaplar */
	.mf-v3 .mf-banner .main-wrapp-img::after {
		background: linear-gradient(90deg, rgba(9, 18, 30, .92) 0%, rgba(14, 26, 43, .88) 70%, rgba(14, 26, 43, .8) 84%, rgba(14, 26, 43, .35) 100%);
	}

	.mf-v3 .mf-banner--kirmizi .main-wrapp-img::after {
		background: linear-gradient(90deg, rgba(120, 18, 24, .94) 0%, rgba(150, 28, 35, .9) 70%, rgba(160, 32, 39, .82) 84%, rgba(179, 38, 45, .4) 100%);
	}

	.mf-v3 .mf-kategori-izgara .wd-cat .wd-cat-thumb::after {
		background: linear-gradient(0deg, rgba(9, 18, 30, .92) 0%, rgba(9, 18, 30, .7) 40%, rgba(9, 18, 30, 0) 75%);
	}
}

/* katli footer basligi (mobil) mf-v3.js ile dugme oldu: dokunma hedefi 18 -> 44 px;
   dolgu + esit negatif pay -> satir yeri degismez (kirintidaki yontem) */
body.mf-v3 .wd-footer .wd-widget-collapse > .widget-title {
	padding-block: 13px;
	margin-top: -13px;
	margin-bottom: 5px;
}

/* kapali mobil cekmece ekran disinda ama Tab ile odaklanabiliyordu:
   kapaliyken visibility:hidden (kayma bittikten sonra), acilinca aninda gorunur */
.mf-v3 .wd-side-hidden {
	transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear .5s;
}

.mf-v3 .wd-side-hidden:not(.wd-opened) {
	visibility: hidden;
}

.mf-v3 .wd-side-hidden.wd-opened {
	visibility: visible;
	transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s;
}

/* ------------------------------------------------------------------ 41. Genel sayfa baslik bandi (Faz 9) */
/* Yasal / hesap / sepet / istek listesi / karsilastirma / blog kategori-yazar / genel arama sayfalari Woodmart'in
   .wd-page-title bandini basar. v2'de mf-v2.css boyuyordu; canli v3'te o dosya yok -> demo mavisi ve sebze deseni
   (gercek img: .wd-page-title-bg) geri geliyordu. v3 sayfa kahramaninin (.mf-sayfa-hero) lacivert tonu. */
.mf-v3 .wd-page-title {
	background-color: var(--mf-navy);
	background-image: linear-gradient(90deg, var(--mf-navy-deep) 0%, var(--mf-navy) 100%);
}

.mf-v3 .wd-page-title .wd-page-title-bg {
	display: none;
}

.mf-v3 .wd-page-title :is(.entry-title, .title) {
	color: #fff;
	font-family: var(--mf-f-head);
}

.mf-v3 .wd-page-title :is(.wd-breadcrumbs, .breadcrumbs, .yoast-breadcrumb, .rank-math-breadcrumb) :is(a, span) {
	color: var(--mf-gold-lt);
}

.mf-v3 .wd-page-title :is(.wd-breadcrumbs, .breadcrumbs, .yoast-breadcrumb, .rank-math-breadcrumb) a:is(:hover, :focus-visible) {
	color: #fff;
}

/* ------------------------------------------------------------------ 99. Hareket azaltma */
@media (prefers-reduced-motion: reduce) {
	body.mf-v3 *,
	body.mf-v3 *::before,
	body.mf-v3 *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	html.mf-js .mf-v3 .mf-reveal {
		opacity: 1 !important;
		transform: none !important;
	}

	.mf-v3 .mf-sec-title::after,
	.mf-v3 .mf-baslik .title::after,
	.mf-v3 .mf-urun-sekme .wd-tabs .tabs-name::after,
	.mf-v3 .mf-hero .wd-nav-pagin li.wd-active span::after {
		transform: scaleX(1);
	}

	/* ana sayfa: slayt metni ve baslik kelimeleri beklemeden gorunur, oynat halkalari yok */
	html.mf-js .mf-v3 .mf-hero :is(.mf-slayt-ust, .mf-slayt-aciklama, .mf-slayt-dugme),
	.mf-v3 .mf-slayt-baslik .mf-k > span,
	.mf-v3 .mf-galeri-slayt :is(.banner-title, .banner-btn-wrapper) {
		opacity: 1 !important;
		transform: none !important;
	}

	.mf-v3 .mf-hero .mf-hayalet,
	.mf-v3 .mf-hero .wd-slide-bg img,
	.mf-v3 .mf-galeri-slayt .banner-image img,
	.mf-v3 .mf-film > .mf-film-zemin {
		transform: none;
	}

	.mf-v3 .mf-sayfa-hero .mf-ph-gorsel {
		transform: none;
	}

	/* urun gorseli: yakinlastirma kalir (islevsel), isaretciyi izleyen kayma yok */
	.mf-v3 .mf-urun-medya .mf-urun-img {
		transform-origin: 50% 50%;
	}

	.mf-v3 .mf-film-oynat .btn::before,
	.mf-v3 .mf-film-oynat .btn::after {
		display: none;
	}

	/* rehberler: kart kaldirma / gorsel yakinlastirma / ok kaymasi yok (odak halkasi ve golge kalir) */
	.mf-v3 .mf-guide:is(:hover, :focus-visible),
	.mf-v3 .mf-guide:hover .mf-guide-more svg {
		translate: none;
	}

	.mf-v3 .mf-guide:hover .mf-guide-img {
		transform: none;
	}
}