/* ==========================================================================
   Masalmint v2 — Cinematic Editorial Front-Page
   2026-05-24 · Aesop disiplini × Buly script × Obys paper × HIRAYAMA sayfa
   ========================================================================== */

/* ---------- v2 Tokens (theme.json mirror) ---------- */
.mm-editorial {
	--v2-cream:       #FBF7F0;
	--v2-parchment:   #F4ECDB;
	--v2-paper:       #FFFDF7;
	--v2-ink:         #1A1814;
	--v2-ink-soft:    #5A5048;
	--v2-ink-muted:   #8B8377;
	--v2-teal:        #2D6A5F;
	--v2-teal-deep:   #1E4D45;
	--v2-teal-soft:   #C7DDD6;
	--v2-blush:       #E8B89E;
	--v2-gold:        #C5A55B;
	--v2-mint:        #D8E4DA;
	--v2-line:        rgba(26, 24, 20, 0.10);

	--v2-ease:        cubic-bezier(0.22, 1, 0.36, 1);
	--v2-ease-soft:   cubic-bezier(0.65, 0, 0.35, 1);

	--v2-display:     'Fraunces', 'Source Serif 4', Georgia, serif;
	--v2-body:        'Inter Tight', 'Inter', system-ui, -apple-system, sans-serif;
	--v2-hand:        'Caveat', cursive;

	--v2-container:   1240px;
	--v2-narrow:      640px;
	--v2-gutter:      clamp(20px, 4vw, 56px);
	--v2-pad-y:       clamp(80px, 12vh, 180px);

	background: var(--v2-cream);
	color: var(--v2-ink);
	font-family: var(--v2-body);
	font-feature-settings: "kern", "liga", "ss01";
}

/* Paper grain overlay — every section gets a faint texture */
.mm-editorial section {
	position: relative;
	isolation: isolate;
}
.mm-editorial section::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.42 0 0 0 0 0.25 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: -1;
	opacity: 0.7;
}

.mm-v2-container {
	max-width: var(--v2-container);
	margin: 0 auto;
	padding: 0 var(--v2-gutter);
	position: relative;
}

/* ---------- Shared atoms ---------- */
.mm-v2-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--v2-body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
}
.mm-v2-eyebrow-dot {
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--v2-teal);
}
.mm-v2-eyebrow-mini {
	font-family: var(--v2-body);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
}

.mm-v2-h2 {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(2rem, 4.2vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -0.018em;
	color: var(--v2-ink);
	margin: 16px 0 18px;
	max-width: 18ch;
	font-variation-settings: "opsz" 96;
}
.mm-v2-lede {
	font-family: var(--v2-body);
	font-size: clamp(1rem, 1.1vw, 1.125rem);
	line-height: 1.65;
	color: var(--v2-ink-soft);
	max-width: 60ch;
	margin: 0;
}
.mm-v2-narrow { max-width: var(--v2-narrow); }

.mm-v2-section-head {
	text-align: left;
	margin-bottom: clamp(40px, 6vw, 80px);
}

/* ---------- CTA (single primary, magnetic) ---------- */
.mm-v2-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	background: var(--v2-teal);
	color: var(--v2-cream);
	border-radius: 999px;
	font-family: var(--v2-body);
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-decoration: none;
	border: 1px solid var(--v2-teal-deep);
	box-shadow: 0 8px 22px -10px rgba(45, 106, 95, 0.55);
	transition: transform 280ms var(--v2-ease), background-color 200ms var(--v2-ease), box-shadow 280ms var(--v2-ease);
	will-change: transform;
	cursor: pointer;
}
.mm-v2-cta:hover {
	background: var(--v2-teal-deep);
	transform: translateY(-2px);
	box-shadow: 0 14px 32px -14px rgba(45, 106, 95, 0.65);
}
.mm-v2-cta:active { transform: translateY(0); }
.mm-v2-cta-block { display: inline-flex; }
.mm-v2-cta svg { transition: transform 280ms var(--v2-ease); }
.mm-v2-cta:hover svg { transform: translateX(3px); }

.mm-v2-cta-ghost {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--v2-ink);
	text-decoration: none;
	font-family: var(--v2-body);
	font-size: 0.95rem;
	font-weight: 500;
	padding: 14px 8px;
	border-bottom: 1px solid var(--v2-line);
	transition: border-color 240ms var(--v2-ease), color 240ms var(--v2-ease);
}
.mm-v2-cta-ghost:hover {
	color: var(--v2-teal-deep);
	border-color: var(--v2-teal);
}

/* ---------- HERO: Açık Kitap (Pattern A) ---------- */
.mm-v2-hero {
	padding: clamp(40px, 6vw, 80px) 0 clamp(60px, 8vw, 120px);
	background: linear-gradient(180deg, var(--v2-cream) 0%, var(--v2-parchment) 100%);
	min-height: calc(100vh - 80px);
	display: flex;
	align-items: center;
}
.mm-v2-spread {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(40px, 6vw, 80px);
	align-items: stretch;
}
.mm-v2-page {
	position: relative;
	display: flex;
	flex-direction: column;
}
.mm-v2-page-frame {
	background: var(--v2-paper);
	border-radius: 6px 6px 28px 6px;
	padding: clamp(28px, 4vw, 56px);
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.05),
		0 30px 60px -30px rgba(45, 106, 95, 0.18),
		0 1px 3px rgba(26, 24, 20, 0.06);
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	transition: transform 600ms var(--v2-ease), box-shadow 600ms var(--v2-ease);
}
.mm-v2-page-left .mm-v2-page-frame { transform-origin: right center; padding: 0; }
.mm-v2-page-right .mm-v2-page-frame { transform-origin: left center; }

.mm-v2-page-frame:hover {
	transform: rotateY(-0.6deg) translateY(-2px);
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.05),
		0 40px 80px -30px rgba(45, 106, 95, 0.25),
		0 1px 3px rgba(26, 24, 20, 0.06);
}
.mm-v2-page-right .mm-v2-page-frame:hover { transform: rotateY(0.6deg) translateY(-2px); }

.mm-v2-hero-photo,
.mm-v2-hero-svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 480px;
}

/* ---------- HERO 3D BOOK STAGE ---------- */
.mm-v2-hero-stage {
	padding: 0;
	min-height: 520px;
	background:
		radial-gradient(ellipse at 70% 30%, rgba(232, 184, 158, 0.22) 0%, transparent 55%),
		radial-gradient(ellipse at 30% 80%, rgba(45, 106, 95, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, var(--v2-parchment) 0%, var(--v2-cream) 100%);
	display: grid;
	place-items: center;
	perspective: 1800px;
	perspective-origin: 50% 45%;
	position: relative;
	overflow: hidden;
}
.mm-v2-hero-stage::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(2px 2px at 18% 22%, rgba(197, 165, 91, 0.55) 50%, transparent 100%),
		radial-gradient(1.5px 1.5px at 78% 18%, rgba(197, 165, 91, 0.6) 50%, transparent 100%),
		radial-gradient(1.5px 1.5px at 62% 70%, rgba(197, 165, 91, 0.45) 50%, transparent 100%),
		radial-gradient(1px 1px at 30% 78%, rgba(197, 165, 91, 0.4) 50%, transparent 100%);
	background-size: 100% 100%;
	pointer-events: none;
	opacity: 0.85;
}

.mm-v2-hero-book {
	position: relative;
	width: clamp(180px, 28vw, 280px);
	height: clamp(260px, 38vw, 380px);
	transform-style: preserve-3d;
	animation: v2book-float 8s ease-in-out infinite;
	cursor: default;
}
.mm-v2-hero-book-shadow {
	position: absolute;
	left: 50%;
	bottom: -28px;
	width: 70%;
	height: 22px;
	background: radial-gradient(ellipse at center, rgba(26, 24, 20, 0.40) 0%, rgba(26, 24, 20, 0.0) 70%);
	filter: blur(10px);
	transform: translateX(-50%);
	animation: v2book-shadow 8s ease-in-out infinite;
}
.mm-v2-hero-book-stack {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transform: rotateY(-22deg) rotateX(6deg);
	transition: transform 800ms var(--v2-ease);
}
.mm-v2-hero-book:hover .mm-v2-hero-book-stack {
	transform: rotateY(-12deg) rotateX(3deg);
}

/* Book dimensions: width × height × depth (depth ≈ 28px) */
.mm-v2-hero-book .face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

/* FRONT COVER */
.mm-v2-hero-book .face-front {
	background:
		linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
	border-radius: 4px 10px 10px 4px;
	box-shadow:
		inset 0 0 0 1px rgba(255, 253, 247, 0.10),
		inset 0 0 90px rgba(0, 0, 0, 0.22);
	transform: translateZ(14px);
	padding: 22px 18px 18px;
	color: var(--v2-cream);
	display: flex;
	flex-direction: column;
	text-align: center;
	overflow: hidden;
}
.mm-v2-hero-book .cover-pattern {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 15% 15%, rgba(197, 165, 91, 0.18) 0%, transparent 35%),
		radial-gradient(circle at 85% 85%, rgba(197, 165, 91, 0.12) 0%, transparent 30%);
	pointer-events: none;
}
.mm-v2-hero-book .cover-frame {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(197, 165, 91, 0.30);
	border-radius: 3px;
	padding: 14px 10px;
	gap: 8px;
}
.mm-v2-hero-book .cover-marque {
	font-family: var(--v2-display);
	font-size: clamp(0.62rem, 0.85vw, 0.78rem);
	letter-spacing: 0.40em;
	text-transform: uppercase;
	color: var(--v2-gold);
	font-variation-settings: "opsz" 9;
	font-weight: 600;
}
.mm-v2-hero-book .cover-orn {
	font-size: clamp(0.55rem, 0.7vw, 0.7rem);
	color: var(--v2-gold);
	letter-spacing: 0.5em;
	opacity: 0.85;
}
.mm-v2-hero-book .cover-spacer { flex: 1; }
.mm-v2-hero-book .cover-name {
	font-family: var(--v2-hand);
	font-size: clamp(1.3rem, 2.5vw, 1.9rem);
	color: var(--v2-cream);
	line-height: 1;
}
.mm-v2-hero-book .cover-tag {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(0.78rem, 1vw, 0.95rem);
	color: var(--v2-cream);
	opacity: 0.85;
	font-variation-settings: "opsz" 12;
}
.mm-v2-hero-book .cover-foot {
	font-family: var(--v2-body);
	font-size: clamp(0.5rem, 0.62vw, 0.6rem);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--v2-gold);
	opacity: 0.7;
}
.mm-v2-hero-book .cover-spine-shadow {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 12px;
	background: linear-gradient(90deg, rgba(0,0,0,0.35) 0%, transparent 100%);
	border-radius: 4px 0 0 4px;
	pointer-events: none;
}

/* BACK COVER */
.mm-v2-hero-book .face-back {
	background: linear-gradient(225deg, var(--v2-teal-deep) 0%, var(--v2-ink) 100%);
	border-radius: 10px 4px 4px 10px;
	box-shadow:
		inset 0 0 0 1px rgba(255, 253, 247, 0.05),
		inset 0 0 60px rgba(0, 0, 0, 0.35);
	transform: translateZ(-14px) rotateY(180deg);
}

/* SPINE (sırt) */
.mm-v2-hero-book .face-spine {
	width: 28px;
	left: -14px;
	background: linear-gradient(180deg, var(--v2-teal-deep) 0%, var(--v2-ink) 50%, var(--v2-teal-deep) 100%);
	transform: rotateY(-90deg) translateZ(14px);
	transform-origin: right center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mm-v2-hero-book .spine-text {
	transform: rotate(90deg);
	font-family: var(--v2-display);
	font-size: 0.65rem;
	letter-spacing: 0.32em;
	color: var(--v2-gold);
	white-space: nowrap;
	font-variation-settings: "opsz" 9;
	font-weight: 600;
}

/* PAGES BLOCK (sağ kenar, sayfa kenarları görünür) */
.mm-v2-hero-book .face-pages {
	width: 28px;
	right: -14px;
	background:
		repeating-linear-gradient(
			180deg,
			#FBF7F0 0px,
			#FBF7F0 1px,
			#E8DECC 1px,
			#E8DECC 2px
		),
		linear-gradient(180deg, #FBF7F0 0%, #E8DECC 100%);
	transform: rotateY(90deg) translateZ(14px);
	transform-origin: left center;
	box-shadow: inset 2px 0 4px rgba(0, 0, 0, 0.10);
}

/* TOP + BOTTOM edge (sayfa üst/alt kenarları) */
.mm-v2-hero-book .face-top,
.mm-v2-hero-book .face-bottom {
	height: 28px;
	left: 0; right: 0;
	background:
		repeating-linear-gradient(
			90deg,
			#FBF7F0 0px,
			#FBF7F0 1.5px,
			#E8DECC 1.5px,
			#E8DECC 3px
		);
}
.mm-v2-hero-book .face-top {
	top: -14px;
	transform: rotateX(90deg) translateZ(14px);
	transform-origin: bottom center;
}
.mm-v2-hero-book .face-bottom {
	bottom: -14px;
	transform: rotateX(-90deg) translateZ(14px);
	transform-origin: top center;
	box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.12);
}

@keyframes v2book-float {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-10px); }
}
@keyframes v2book-shadow {
	0%, 100% { transform: translateX(-50%) scale(1, 1);   opacity: 0.85; }
	50%      { transform: translateX(-50%) scale(0.92, 1); opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
	.mm-v2-hero-book,
	.mm-v2-hero-book-shadow {
		animation: none;
	}
	.mm-v2-hero-book:hover .mm-v2-hero-book-stack {
		transform: rotateY(-22deg) rotateX(6deg);
	}
}

/* ---------- HERO AÇIK ANTİKA KİTAP (yeni hero objesi) ---------- */
.mm-v2-open-book {
	position: relative;
	width: clamp(320px, 46vw, 520px);
	height: clamp(260px, 38vw, 400px);
	transform-style: preserve-3d;
	animation: v2open-float 9s ease-in-out infinite;
}
.mm-v2-open-book-shadow {
	position: absolute;
	left: 50%;
	bottom: -22px;
	width: 78%;
	height: 26px;
	background: radial-gradient(ellipse at center, rgba(26, 24, 20, 0.42) 0%, rgba(26, 24, 20, 0) 70%);
	filter: blur(14px);
	transform: translateX(-50%);
	animation: v2open-shadow 9s ease-in-out infinite;
}
.mm-v2-open-book-stage {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transform: rotateX(28deg) rotateZ(-2deg);
	transform-origin: center 90%;
	transition: transform 900ms var(--v2-ease);
}
.mm-v2-open-book:hover .mm-v2-open-book-stage {
	transform: rotateX(18deg) rotateZ(-1deg);
}

/* Alt sayfa kümesi (kalan kapalı sayfalar — kitap "kalınlığı") */
.mm-v2-open-book .open-book-base {
	position: absolute;
	left: -6px; right: -6px;
	bottom: -10px;
	height: 24px;
	background:
		repeating-linear-gradient(
			90deg,
			#FBF7F0 0px, #FBF7F0 1.5px,
			#E8DECC 1.5px, #E8DECC 3px
		),
		linear-gradient(180deg, #FBF7F0, #E8DECC);
	border-radius: 0 0 4px 4px;
	box-shadow: 0 4px 12px rgba(26, 24, 20, 0.10);
	transform: translateZ(-12px);
}

/* İki sayfa wrapper */
.mm-v2-open-book .open-page {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background:
		linear-gradient(180deg, #FFFDF7 0%, #F8F0DE 100%);
	box-shadow:
		inset 0 0 30px rgba(150, 120, 70, 0.10),
		0 2px 6px rgba(26, 24, 20, 0.05);
	overflow: hidden;
}
.mm-v2-open-book .open-page-left {
	left: 0;
	border-radius: 6px 0 0 6px;
	transform-origin: right center;
	transform: rotateY(-4deg);
	box-shadow:
		inset 0 0 30px rgba(150, 120, 70, 0.10),
		inset -10px 0 20px rgba(120, 95, 50, 0.18),
		0 2px 6px rgba(26, 24, 20, 0.05);
}
.mm-v2-open-book .open-page-right {
	right: 0;
	border-radius: 0 6px 6px 0;
	transform-origin: left center;
	transform: rotateY(4deg);
	box-shadow:
		inset 0 0 30px rgba(150, 120, 70, 0.10),
		inset 10px 0 20px rgba(120, 95, 50, 0.18),
		0 2px 6px rgba(26, 24, 20, 0.05);
}

/* Sayfa iç içeriği */
.mm-v2-open-book .open-page-inner {
	position: relative;
	padding: clamp(18px, 2.5vw, 32px) clamp(20px, 2.8vw, 36px);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.mm-v2-open-book .open-page-edge {
	position: absolute;
	top: 6px; bottom: 6px;
	width: 2px;
	background: linear-gradient(180deg, transparent, rgba(26, 24, 20, 0.08), transparent);
	pointer-events: none;
}
.mm-v2-open-book .open-page-left .open-page-edge  { left: 6px; }
.mm-v2-open-book .open-page-right .open-page-edge { right: 6px; }

.mm-v2-open-book .open-eyebrow {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(0.6rem, 0.72vw, 0.72rem);
	color: var(--v2-ink-muted);
	letter-spacing: 0.05em;
	margin-bottom: clamp(8px, 1vw, 12px);
	font-variation-settings: "opsz" 12;
}
.mm-v2-open-book .open-title {
	font-family: var(--v2-display);
	font-weight: 600;
	font-size: clamp(1rem, 1.8vw, 1.45rem);
	line-height: 1.15;
	color: var(--v2-ink);
	margin: 0 0 clamp(10px, 1.4vw, 16px);
	font-variation-settings: "opsz" 36;
	letter-spacing: -0.01em;
}
.mm-v2-open-book .open-body {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(0.74rem, 0.95vw, 0.92rem);
	line-height: 1.55;
	color: var(--v2-ink-soft);
	margin: 0;
	font-variation-settings: "opsz" 14;
	max-width: 26ch;
}
.mm-v2-open-book .open-flourish {
	margin-top: auto;
	font-size: clamp(0.8rem, 1.2vw, 1.1rem);
	color: var(--v2-gold);
	text-align: center;
	letter-spacing: 0.4em;
	opacity: 0.8;
}
.mm-v2-open-book .open-page-num {
	position: absolute;
	bottom: clamp(8px, 1vw, 14px);
	left: 50%;
	transform: translateX(-50%);
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.65rem;
	color: var(--v2-ink-muted);
	font-variation-settings: "opsz" 9;
}

/* Sağ sayfa illüstrasyon */
.mm-v2-open-book .open-illu {
	width: 100%;
	max-width: 240px;
	height: auto;
	display: block;
	margin: auto;
}

/* Orta kıvrım gölgesi (gutter) */
.mm-v2-open-book .open-book-gutter {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 32px;
	transform: translateX(-50%);
	background:
		linear-gradient(90deg,
			transparent 0%,
			rgba(80, 60, 30, 0.18) 30%,
			rgba(80, 60, 30, 0.32) 50%,
			rgba(80, 60, 30, 0.18) 70%,
			transparent 100%);
	pointer-events: none;
	z-index: 2;
}

/* Decorative dust particles around the open book */
.mm-v2-hero-stage::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(2.5px 2.5px at 12% 28%, rgba(197, 165, 91, 0.55) 50%, transparent 100%),
		radial-gradient(1.5px 1.5px at 88% 22%, rgba(197, 165, 91, 0.65) 50%, transparent 100%),
		radial-gradient(2px 2px at 76% 78%, rgba(45, 106, 95, 0.4) 50%, transparent 100%),
		radial-gradient(1px 1px at 22% 82%, rgba(197, 165, 91, 0.5) 50%, transparent 100%);
	pointer-events: none;
	z-index: 0;
}

@keyframes v2open-float {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50%      { transform: translateY(-8px) rotate(0.4deg); }
}
@keyframes v2open-shadow {
	0%, 100% { transform: translateX(-50%) scale(1, 1);    opacity: 0.85; }
	50%      { transform: translateX(-50%) scale(0.94, 1); opacity: 0.6; }
}

@media (prefers-reduced-motion: reduce) {
	.mm-v2-open-book,
	.mm-v2-open-book-shadow { animation: none; }
	.mm-v2-open-book:hover .mm-v2-open-book-stage {
		transform: rotateX(28deg) rotateZ(-2deg);
	}
}

/* MOBILE: açık kitap dikey kompakt */
@media (max-width: 768px) {
	.mm-v2-open-book {
		width: clamp(280px, 90vw, 420px);
		height: clamp(220px, 65vw, 320px);
	}
	.mm-v2-open-book .open-body { font-size: 0.78rem; max-width: 22ch; }
}
@media (max-width: 480px) {
	.mm-v2-open-book .open-title { font-size: 0.95rem; }
	.mm-v2-open-book .open-body { font-size: 0.72rem; line-height: 1.5; }
	.mm-v2-open-book .open-eyebrow { font-size: 0.55rem; }
}

/* ==========================================================================
   LIVING STUDIO — /siparis/ sayfası
   Sol sticky 3D kitap + sağ multi-section form. Binding'li canlı kapak.
   ========================================================================== */
.mm-studio-page { background: var(--v2-cream); }
.mm-studio {
	padding: clamp(40px, 6vw, 80px) 0 clamp(80px, 10vh, 140px);
}
.mm-studio-container { max-width: 1280px; }

.mm-studio-head {
	max-width: 720px;
	margin: 0 auto clamp(40px, 5vw, 70px);
	text-align: center;
}
.mm-studio-head .mm-v2-eyebrow { justify-content: center; }
.mm-studio-head .mm-v2-h2 { margin-left: auto; margin-right: auto; }
.mm-studio-head .mm-v2-lede { margin-left: auto; margin-right: auto; }

.mm-studio-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: clamp(40px, 5vw, 80px);
	align-items: start;
}

/* ---------- SOL: STICKY STAGE ---------- */
.mm-studio-stage {
	position: sticky;
	top: 100px;
	align-self: start;
}
.mm-studio-stage-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
}
.mm-studio-stage-note {
	font-family: var(--v2-display);
	font-style: italic;
	color: var(--v2-ink-muted);
	font-size: 0.85rem;
	line-height: 1.5;
	text-align: center;
	max-width: 280px;
	font-variation-settings: "opsz" 14;
}

/* Studio book (mm-v2-book'un büyük versiyonu, binding-aware) */
.mm-studio-book {
	position: relative;
	width: clamp(280px, 38vw, 380px);
	aspect-ratio: 3/4;
	transform: rotateY(-14deg) rotateX(3deg);
	transform-style: preserve-3d;
	perspective: 1600px;
	transition: transform 700ms var(--v2-ease);
}
.mm-studio-book-shadow {
	position: absolute;
	inset: auto -10% -8% -10%;
	height: 28px;
	background: radial-gradient(ellipse at center, rgba(26, 24, 20, 0.42) 0%, transparent 70%);
	filter: blur(14px);
	z-index: -1;
}
.mm-studio-book-spine {
	position: absolute;
	left: -10px; top: 0; bottom: 0;
	width: 20px;
	background: linear-gradient(90deg, var(--v2-teal-deep), var(--v2-teal));
	border-radius: 3px 0 0 3px;
	transform: rotateY(-90deg) translateZ(10px);
	transform-origin: right center;
}
.mm-studio-book-cover {
	position: relative;
	height: 100%;
	background-color: var(--v2-teal-deep);
	background-image:
		linear-gradient(180deg, rgba(20,40,35,0.55) 0%, rgba(20,40,35,0.25) 40%, rgba(20,40,35,0.85) 100%),
		linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
	background-size: cover;
	background-position: center;
	border-radius: 4px 14px 14px 4px;
	padding: 30px 26px 22px;
	color: var(--v2-cream);
	display: flex;
	flex-direction: column;
	text-align: center;
	box-shadow:
		inset 0 0 0 1px rgba(197, 165, 91, 0.28),
		inset 0 0 80px rgba(0, 0, 0, 0.25),
		0 30px 60px -30px rgba(45, 106, 95, 0.5);
	overflow: hidden;
	transition: background-image 600ms var(--v2-ease);
}

/* Tema bazlı illüstrasyon arka planı (mevcut 3 kapak) */
.mm-studio-book[data-theme="uyku"] .mm-studio-book-cover {
	background-image:
		linear-gradient(180deg, rgba(20,40,35,0.62) 0%, rgba(20,40,35,0.35) 40%, rgba(20,40,35,0.88) 100%),
		url("/wp-content/uploads/2026/05/ecrin-cover.jpg"),
		linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
}
.mm-studio-book[data-theme="yildiz"] .mm-studio-book-cover {
	background-image:
		linear-gradient(180deg, rgba(20,40,35,0.62) 0%, rgba(20,40,35,0.32) 40%, rgba(20,40,35,0.85) 100%),
		url("/wp-content/uploads/2026/05/ilkim-cover.jpg"),
		linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
}
.mm-studio-book[data-theme="kahraman"] .mm-studio-book-cover {
	background-image:
		linear-gradient(180deg, rgba(20,40,35,0.65) 0%, rgba(20,40,35,0.40) 40%, rgba(20,40,35,0.90) 100%),
		url("/wp-content/uploads/2026/05/aren-cover.jpg"),
		linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
}

.mm-studio-book-cover .cover-pattern {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 28% 16%, rgba(255, 253, 247, 0.14) 0%, transparent 12%),
		radial-gradient(ellipse at 50% 92%, rgba(197, 165, 91, 0.22) 0%, transparent 55%),
		radial-gradient(circle at 18% 78%, rgba(197, 165, 91, 0.10) 0%, transparent 28%),
		radial-gradient(circle at 82% 22%, rgba(197, 165, 91, 0.12) 0%, transparent 30%);
	pointer-events: none;
}
.mm-studio-book-cover .cover-pattern::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='280' viewBox='0 0 200 280'><g fill='%23C5A55B' opacity='0.55'><circle cx='22' cy='44' r='0.9'/><circle cx='178' cy='60' r='1.1'/><circle cx='52' cy='102' r='0.7'/><circle cx='160' cy='118' r='0.9'/><circle cx='30' cy='176' r='1.0'/><circle cx='172' cy='200' r='0.8'/><circle cx='90' cy='28' r='0.7'/><circle cx='118' cy='236' r='0.9'/><circle cx='14' cy='240' r='0.7'/><circle cx='186' cy='264' r='0.7'/></g></svg>");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0.9;
	pointer-events: none;
}
.mm-studio-book-cover .cover-frame {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	border: 1px solid rgba(197, 165, 91, 0.35);
	border-radius: 3px;
	padding: 18px 14px;
	gap: 10px;
}
/* Altın köşe ornament — frame'in 4 köşesinde küçük foil flourish */
.mm-studio-book-cover .cover-frame::before,
.mm-studio-book-cover .cover-frame::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23C5A55B' stroke-width='0.9' stroke-linecap='round'><path d='M2 10 Q2 2 10 2 M2 6 Q2 4 6 4 M14 2 Q14 2 16 4 M5 16 Q2 16 2 13'/><circle cx='4' cy='4' r='0.7' fill='%23C5A55B'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.75;
	pointer-events: none;
}
.mm-studio-book-cover .cover-frame::before { top: -1px; left: -1px; }
.mm-studio-book-cover .cover-frame::after  { top: -1px; right: -1px; transform: scaleX(-1); }
.mm-studio-book-cover .cover-marque {
	font-family: var(--v2-display);
	font-size: 0.72rem;
	letter-spacing: 0.40em;
	text-transform: uppercase;
	color: var(--v2-gold);
	font-variation-settings: "opsz" 9;
	font-weight: 600;
}
.mm-studio-book-cover .cover-orn {
	font-size: 0.78rem;
	color: var(--v2-gold);
	letter-spacing: 0.5em;
	opacity: 0.88;
	transition: opacity 300ms var(--v2-ease);
}
.mm-studio-book-cover .cover-mini-character {
	width: clamp(48px, 8vw, 64px);
	height: clamp(48px, 8vw, 64px);
	background: rgba(255, 253, 247, 0.08);
	border-radius: 50%;
	display: grid;
	place-items: center;
	padding: 4px;
}
.mm-studio-book-cover .cover-mini-character svg {
	width: 100%; height: 100%;
	transition: opacity 400ms var(--v2-ease);
}
.mm-studio-book-cover .cover-name {
	font-family: var(--v2-hand);
	font-size: clamp(1.8rem, 3.8vw, 2.6rem);
	font-weight: 600;
	color: var(--v2-cream);
	line-height: 1;
	text-shadow:
		0 0 18px rgba(255, 253, 247, 0.20),
		0 2px 0 rgba(0, 0, 0, 0.25),
		0 4px 12px rgba(0, 0, 0, 0.35);
	transition: opacity 200ms var(--v2-ease);
}
.mm-studio-book-cover .cover-tag {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(0.86rem, 1vw, 1rem);
	color: var(--v2-cream);
	opacity: 0.92;
	font-variation-settings: "opsz" 12;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
	transition: opacity 300ms var(--v2-ease);
}
.mm-studio-book-cover .cover-foot {
	font-family: var(--v2-body);
	font-size: 0.55rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--v2-gold);
	opacity: 0.85;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.mm-studio-book-cover .cover-marque {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.mm-studio-book-cover .cover-spine-shadow {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 14px;
	background: linear-gradient(90deg, rgba(0,0,0,0.35) 0%, transparent 100%);
	border-radius: 4px 0 0 4px;
	pointer-events: none;
}

/* Yaş aralığına göre kapak rengi varyasyonları */
.mm-studio-book[data-age="2-3"] .mm-studio-book-cover {
	background: linear-gradient(135deg, #E8B89E 0%, #C5946F 100%);
}
.mm-studio-book[data-age="4-5"] .mm-studio-book-cover {
	background: linear-gradient(135deg, #C5A55B 0%, #9F8240 100%);
}
.mm-studio-book[data-age="6-7"] .mm-studio-book-cover {
	background: linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
}
.mm-studio-book[data-age="8-10"] .mm-studio-book-cover {
	background: linear-gradient(135deg, #1E4D45 0%, var(--v2-ink) 100%);
}

/* ---------- SAĞ: FORM ---------- */
.mm-studio-form {
	display: flex;
	flex-direction: column;
	gap: clamp(40px, 4vw, 60px);
}
.mm-studio-section {
	position: relative;
	padding-left: 64px;
}
.mm-studio-num {
	position: absolute;
	left: 0; top: 4px;
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 1.4rem;
	color: var(--v2-teal);
	font-variation-settings: "opsz" 36;
	font-weight: 500;
}
.mm-studio-h {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.4rem, 2.2vw, 1.9rem);
	color: var(--v2-ink);
	margin: 0 0 20px;
	font-variation-settings: "opsz" 36;
	letter-spacing: -0.01em;
}
.mm-studio-field {
	margin-bottom: 22px;
}
.mm-studio-field:last-child { margin-bottom: 0; }
.mm-studio-field label {
	display: block;
	font-family: var(--v2-body);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
	margin-bottom: 10px;
}
.mm-studio-field label small {
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: none;
	color: var(--v2-ink-muted);
	font-size: 0.85em;
}
.mm-studio-field .req { color: var(--v2-teal); }

.mm-studio-field input[type="text"],
.mm-studio-field input[type="email"],
.mm-studio-field input[type="tel"],
.mm-studio-field select,
.mm-studio-field textarea {
	width: 100%;
	padding: 14px 16px;
	font-family: var(--v2-body);
	font-size: 1rem;
	background: var(--v2-paper);
	border: 1px solid var(--v2-line);
	border-radius: 10px;
	color: var(--v2-ink);
	transition: border-color 200ms var(--v2-ease), box-shadow 200ms var(--v2-ease);
}
.mm-studio-field input[data-binds="name"] {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 1.15rem;
	font-variation-settings: "opsz" 14;
}
.mm-studio-field input:focus,
.mm-studio-field select:focus,
.mm-studio-field textarea:focus {
	outline: none;
	border-color: var(--v2-teal);
	box-shadow: 0 0 0 3px rgba(45, 106, 95, 0.12);
}
.mm-studio-field textarea { resize: vertical; min-height: 80px; }
.mm-studio-field select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235A5048' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 40px;
}
.mm-studio-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.mm-studio-grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}

/* Theme grid */
.mm-studio-themes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
}
.mm-studio-theme {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 14px 10px;
	background: var(--v2-paper);
	border: 1px solid var(--v2-line);
	border-radius: 10px;
	cursor: pointer;
	transition: all 200ms var(--v2-ease);
}
.mm-studio-theme input { position: absolute; opacity: 0; pointer-events: none; }
.mm-studio-theme .theme-glyph {
	font-family: var(--v2-display);
	font-size: 1.5rem;
	color: var(--v2-teal);
	line-height: 1;
}
.mm-studio-theme .theme-name {
	font-family: var(--v2-body);
	font-size: 0.85rem;
	color: var(--v2-ink-soft);
}
.mm-studio-theme:hover { border-color: var(--v2-teal); }
.mm-studio-theme:has(input:checked) {
	background: var(--v2-teal-soft);
	border-color: var(--v2-teal);
}
.mm-studio-theme:has(input:checked) .theme-glyph { color: var(--v2-teal-deep); }
.mm-studio-theme:has(input:checked) .theme-name {
	color: var(--v2-teal-deep);
	font-weight: 500;
}

/* Values grid */
.mm-studio-values {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
}
.mm-studio-value {
	position: relative;
	padding: 12px 16px;
	background: var(--v2-paper);
	border: 1px solid var(--v2-line);
	border-radius: 999px;
	font-family: var(--v2-body);
	font-size: 0.9rem;
	color: var(--v2-ink-soft);
	cursor: pointer;
	transition: all 200ms var(--v2-ease);
	text-align: center;
}
.mm-studio-value input { position: absolute; opacity: 0; pointer-events: none; }
.mm-studio-value:hover { border-color: var(--v2-teal); }
.mm-studio-value:has(input:checked) {
	background: var(--v2-teal);
	color: var(--v2-cream);
	border-color: var(--v2-teal-deep);
}

/* Product cards */
.mm-studio-products {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
.mm-studio-product {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 22px;
	background: var(--v2-paper);
	border: 1px solid var(--v2-line);
	border-radius: 14px;
	cursor: pointer;
	transition: all 200ms var(--v2-ease);
}
.mm-studio-product input {
	margin-top: 4px;
	accent-color: var(--v2-teal);
}
.mm-studio-product div {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}
.mm-studio-product strong {
	font-family: var(--v2-display);
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--v2-ink);
	font-variation-settings: "opsz" 14;
}
.mm-studio-product .price {
	font-family: var(--v2-display);
	font-weight: 600;
	color: var(--v2-teal-deep);
	font-size: 1.1rem;
}
.mm-studio-product p {
	margin: 4px 0 0;
	font-size: 0.88rem;
	color: var(--v2-ink-soft);
}
.mm-studio-product:hover { border-color: var(--v2-teal); }
.mm-studio-product:has(input:checked) {
	border-color: var(--v2-teal);
	background: var(--v2-teal-soft);
	box-shadow: 0 4px 12px -6px rgba(45, 106, 95, 0.3);
}
.mm-studio-product.is-recommended::after {
	content: "önerilen";
	position: absolute;
	top: -10px;
	right: 18px;
	background: var(--v2-teal-deep);
	color: var(--v2-cream);
	padding: 3px 12px;
	border-radius: 999px;
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.72rem;
	letter-spacing: 0.04em;
}

/* Conditional address */
.mm-studio-address-block {
	display: none;
}
.mm-studio-address-block.is-visible {
	display: block;
}

/* Consent */
.mm-studio-section-consent {
	background: var(--v2-parchment);
	border-radius: 16px;
	padding: 28px 32px 28px 96px;
	border: 1px solid var(--v2-line);
}
.mm-studio-section-consent .mm-studio-num {
	left: 32px; top: 32px;
}
.mm-studio-consent-intro {
	font-size: 0.92rem;
	color: var(--v2-ink-soft);
	margin: 0 0 18px;
	font-style: italic;
	font-family: var(--v2-display);
	font-variation-settings: "opsz" 14;
}
.mm-studio-consent {
	display: flex;
	gap: 14px;
	padding: 14px 0;
	border-top: 1px solid var(--v2-line);
	cursor: pointer;
	align-items: flex-start;
}
.mm-studio-consent:first-of-type { border-top: 0; }
.mm-studio-consent input {
	margin-top: 4px;
	flex-shrink: 0;
	accent-color: var(--v2-teal);
	width: 18px; height: 18px;
}
.mm-studio-consent span {
	flex: 1;
	font-size: 0.92rem;
	color: var(--v2-ink-soft);
	line-height: 1.55;
}
.mm-studio-consent strong {
	display: block;
	color: var(--v2-ink);
	margin-bottom: 4px;
	font-weight: 600;
}
.mm-studio-consent a {
	color: var(--v2-teal-deep);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mm-studio-consent.is-optional em {
	color: var(--v2-teal-deep);
	font-style: italic;
}

/* Submit */
.mm-studio-submit {
	margin-top: 16px;
	text-align: center;
	padding-top: 24px;
	border-top: 1px solid var(--v2-line);
}
.mm-studio-go {
	font-size: 1.05rem;
	padding: 16px 32px;
}
.mm-studio-secure {
	margin-top: 14px;
	font-size: 0.82rem;
	color: var(--v2-ink-muted);
	font-style: italic;
}

/* Result message */
.mm-studio-result {
	margin-top: 20px;
	padding: 0;
	font-family: var(--v2-body);
	text-align: center;
}
.mm-studio-result.is-success {
	background: var(--v2-teal-soft);
	color: var(--v2-teal-deep);
	border-radius: 12px;
	padding: 18px 22px;
	border: 1px solid var(--v2-teal);
}
.mm-studio-result.is-error {
	background: #FDECEA;
	color: #A33A2A;
	border-radius: 12px;
	padding: 18px 22px;
	border: 1px solid #E8B4AB;
}

/* RESPONSIVE */
@media (max-width: 960px) {
	.mm-studio-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.mm-studio-stage {
		position: relative;
		top: auto;
	}
}
@media (max-width: 768px) {
	.mm-studio-section {
		padding-left: 0;
	}
	.mm-studio-num {
		position: static;
		display: block;
		margin-bottom: 8px;
	}
	.mm-studio-section-consent {
		padding: 24px 22px;
	}
	.mm-studio-section-consent .mm-studio-num {
		position: static;
	}
	.mm-studio-grid-3 {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 480px) {
	.mm-studio-grid-2 {
		grid-template-columns: 1fr;
	}
	.mm-studio-grid-3 {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.mm-studio-book {
		width: clamp(220px, 70vw, 280px);
	}
	.mm-studio-go {
		width: 100%;
		padding: 14px;
	}
}

.mm-v2-page-meta {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 16px;
	padding: 0 8px;
}
.mm-v2-page-num {
	font-family: var(--v2-display);
	font-size: 0.85rem;
	font-style: italic;
	color: var(--v2-ink-muted);
	font-variation-settings: "opsz" 12;
	letter-spacing: 0.04em;
}
.mm-v2-page-rule {
	height: 1px;
	flex: 1;
	background: var(--v2-line);
}

/* HERO right column copy */
.mm-v2-hero-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(2.6rem, 5.4vw, 4.6rem);
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: var(--v2-ink);
	margin: 22px 0 24px;
	font-variation-settings: "opsz" 144, "SOFT" 50;
}
.mm-v2-hero-title .line {
	display: block;
}
.mm-v2-hero-lede {
	font-family: var(--v2-body);
	font-size: clamp(1.05rem, 1.2vw, 1.2rem);
	line-height: 1.6;
	color: var(--v2-ink-soft);
	margin: 0 0 32px;
	max-width: 30ch;
}
.mm-v2-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	margin-bottom: 40px;
}
.mm-v2-name-prompt {
	margin-top: auto;
	padding-top: 28px;
	border-top: 1px solid var(--v2-line);
}
.mm-v2-name-label {
	font-family: var(--v2-body);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
	display: block;
	margin-bottom: 10px;
}
.mm-v2-name-row {
	display: flex;
	gap: 8px;
	align-items: stretch;
}
.mm-v2-name-input {
	flex: 1;
	padding: 12px 16px;
	font-family: var(--v2-display);
	font-size: 1.1rem;
	font-style: italic;
	background: var(--v2-cream);
	border: 1px solid var(--v2-line);
	border-radius: 10px;
	color: var(--v2-ink);
	transition: border-color 200ms var(--v2-ease);
}
.mm-v2-name-input:focus {
	outline: none;
	border-color: var(--v2-teal);
	box-shadow: 0 0 0 3px rgba(45, 106, 95, 0.12);
}
.mm-v2-name-go {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 18px;
	background: var(--v2-ink);
	color: var(--v2-cream);
	border: 0;
	border-radius: 10px;
	font-family: var(--v2-body);
	font-weight: 500;
	font-size: 0.92rem;
	cursor: pointer;
	transition: background-color 200ms var(--v2-ease);
}
.mm-v2-name-go:hover { background: var(--v2-teal-deep); }
.mm-v2-name-hint {
	display: block;
	margin-top: 8px;
	font-size: 0.78rem;
	color: var(--v2-ink-muted);
}

.mm-v2-scroll-cue {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	font-family: var(--v2-body);
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
	opacity: 0.7;
	animation: v2cue 2.4s ease-in-out infinite;
}
@keyframes v2cue {
	0%, 100% { transform: translate(-50%, 0); opacity: 0.7; }
	50% { transform: translate(-50%, 6px); opacity: 0.35; }
}

/* ---------- LIVING PREVIEW ---------- */
.mm-v2-living {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-cream);
}
.mm-v2-living-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: clamp(40px, 7vw, 100px);
	align-items: center;
}
.mm-v2-living-stage {
	position: sticky;
	top: 120px;
	display: grid;
	place-items: center;
	min-height: 480px;
}
.mm-v2-book {
	position: relative;
	width: clamp(240px, 30vw, 340px);
	aspect-ratio: 3/4;
	transform: rotateY(-12deg) rotateX(2deg);
	transform-style: preserve-3d;
	perspective: 1400px;
	transition: transform 700ms var(--v2-ease);
}
.mm-v2-book:hover { transform: rotateY(-7deg) rotateX(1deg) translateY(-4px); }
.mm-v2-book-shadow {
	position: absolute;
	inset: auto -8% -10% -8%;
	height: 30px;
	background: radial-gradient(ellipse at center, rgba(26, 24, 20, 0.35) 0%, transparent 70%);
	filter: blur(12px);
	z-index: -1;
}
.mm-v2-book-spine {
	position: absolute;
	left: -10px; top: 0; bottom: 0;
	width: 18px;
	background: linear-gradient(90deg, var(--v2-teal-deep), var(--v2-teal));
	border-radius: 2px 0 0 2px;
	transform: rotateY(-90deg);
	transform-origin: right;
}
.mm-v2-book-cover {
	position: relative;
	height: 100%;
	background: linear-gradient(135deg, var(--v2-teal) 0%, var(--v2-teal-deep) 100%);
	border-radius: 4px 12px 12px 4px;
	padding: 32px 28px 24px;
	color: var(--v2-cream);
	display: flex;
	flex-direction: column;
	text-align: center;
	box-shadow:
		inset 0 0 0 1px rgba(255, 253, 247, 0.12),
		inset 0 0 60px rgba(0,0,0,0.18);
}
.mm-v2-book-marque {
	font-family: var(--v2-display);
	font-size: 0.7rem;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: var(--v2-gold);
	margin-bottom: 12px;
	font-variation-settings: "opsz" 9;
}
.mm-v2-book-ornament {
	font-size: 0.75rem;
	color: var(--v2-gold);
	margin-bottom: 20px;
	letter-spacing: 0.4em;
}
.mm-v2-book-inner {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}
.mm-v2-book-name {
	font-family: var(--v2-hand);
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 600;
	color: var(--v2-cream);
	line-height: 1;
	transition: opacity 200ms var(--v2-ease);
}
.mm-v2-book-tagline {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.92rem;
	color: var(--v2-cream);
	opacity: 0.88;
	font-variation-settings: "opsz" 12;
}
.mm-v2-book-foot {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.7rem;
	color: var(--v2-gold);
	opacity: 0.85;
}
.mm-v2-page-num-floating {
	position: absolute;
	top: 24px;
	right: 0;
	font-family: var(--v2-display);
	font-size: 0.85rem;
	font-style: italic;
	color: var(--v2-ink-muted);
}

.mm-v2-live-field {
	margin-top: 24px;
}
.mm-v2-field-label {
	font-family: var(--v2-body);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--v2-ink-muted);
	display: block;
	margin-bottom: 10px;
}
.mm-v2-field-input {
	width: 100%;
	padding: 16px 18px;
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 1.3rem;
	background: var(--v2-paper);
	border: 1px solid var(--v2-line);
	border-radius: 12px;
	color: var(--v2-ink);
	transition: border-color 200ms var(--v2-ease), box-shadow 200ms var(--v2-ease);
	margin-bottom: 22px;
}
.mm-v2-field-input:focus {
	outline: none;
	border-color: var(--v2-teal);
	box-shadow: 0 0 0 3px rgba(45, 106, 95, 0.12);
}
.mm-v2-live-choices {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}
.mm-v2-chip {
	padding: 8px 16px;
	background: transparent;
	border: 1px solid var(--v2-line);
	border-radius: 999px;
	font-family: var(--v2-body);
	font-size: 0.9rem;
	color: var(--v2-ink-soft);
	cursor: pointer;
	transition: all 200ms var(--v2-ease);
}
.mm-v2-chip:hover { border-color: var(--v2-teal); color: var(--v2-teal-deep); }
.mm-v2-chip.is-active {
	background: var(--v2-teal);
	color: var(--v2-cream);
	border-color: var(--v2-teal-deep);
}
.mm-v2-fine {
	display: block;
	margin-top: 12px;
	font-size: 0.78rem;
	color: var(--v2-ink-muted);
}

/* ---------- STORY SPREAD (yatay scroll) ---------- */
.mm-v2-story {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-parchment);
}
.mm-v2-spread-rail {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--v2-ink-muted) transparent;
	padding: 8px 4px 32px;
	margin: 0 calc(var(--v2-gutter) * -1);
	padding-left: var(--v2-gutter);
	padding-right: var(--v2-gutter);
	-webkit-overflow-scrolling: touch;
}
.mm-v2-spread-rail::-webkit-scrollbar { height: 6px; }
.mm-v2-spread-rail::-webkit-scrollbar-track { background: transparent; }
.mm-v2-spread-rail::-webkit-scrollbar-thumb { background: var(--v2-line); border-radius: 3px; }

.mm-v2-spread-page {
	flex: 0 0 clamp(280px, 36vw, 440px);
	min-height: 480px;
	background: var(--v2-paper);
	border-radius: 6px 28px 6px 28px;
	scroll-snap-align: start;
	padding: 0;
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.05),
		0 24px 50px -28px rgba(45, 106, 95, 0.18);
	position: relative;
	overflow: hidden;
}
.mm-v2-spread-page-inner {
	padding: clamp(28px, 4vw, 44px);
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: 100%;
}
.mm-v2-spread-page-meta {
	display: flex;
	align-items: center;
	gap: 12px;
}
.mm-v2-spread-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.3rem, 1.8vw, 1.7rem);
	line-height: 1.2;
	color: var(--v2-ink);
	margin: 0;
	font-variation-settings: "opsz" 36;
}
.mm-v2-spread-body {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(0.98rem, 1.05vw, 1.08rem);
	line-height: 1.7;
	color: var(--v2-ink-soft);
	margin: 0;
	font-variation-settings: "opsz" 14;
}
.mm-v2-spread-cta {
	background: var(--v2-teal);
	color: var(--v2-cream);
}
.mm-v2-spread-cta .mm-v2-eyebrow-mini { color: var(--v2-gold); }
.mm-v2-spread-cta .mm-v2-spread-title { color: var(--v2-cream); }

/* ---------- CRAFT ---------- */
.mm-v2-craft {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-cream);
}
.mm-v2-craft-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: clamp(28px, 4vw, 48px);
	counter-reset: craft;
}
.mm-v2-craft-item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: clamp(20px, 3vw, 40px);
	align-items: start;
	padding: clamp(20px, 3vw, 36px) 0;
	border-top: 1px solid var(--v2-line);
}
.mm-v2-craft-item:first-child { border-top: 0; }
.mm-v2-craft-num {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(2rem, 4vw, 3rem);
	color: var(--v2-teal);
	line-height: 1;
	font-variation-settings: "opsz" 72;
	min-width: 60px;
}
.mm-v2-craft-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.4rem, 2vw, 2rem);
	line-height: 1.15;
	color: var(--v2-ink);
	margin: 8px 0 12px;
	font-variation-settings: "opsz" 36;
}
.mm-v2-craft-body {
	font-family: var(--v2-body);
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--v2-ink-soft);
	margin: 0;
	max-width: 60ch;
}
.mm-v2-craft-foot {
	margin-top: clamp(40px, 6vw, 80px);
}

/* ---------- PAGE HERO ---------- */
.mm-page-hero {
	min-height: auto;
	padding: clamp(80px, 12vh, 140px) 0 clamp(40px, 6vw, 60px);
	background: linear-gradient(180deg, var(--v2-cream) 0%, var(--v2-parchment) 100%);
	display: block;
}

/* ---------- FAQ — kategorize accordion ---------- */
.mm-faq-list { display: flex; flex-direction: column; gap: clamp(28px, 4vw, 48px); margin-top: 32px; }
.mm-faq-cat { padding: 24px 0; border-top: 1px solid var(--v2-line); }
.mm-faq-cat:first-child { border-top: 0; padding-top: 0; }
.mm-faq-cat-head { margin-bottom: 18px; }
.mm-faq-cat-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.4rem, 2vw, 1.8rem);
	color: var(--v2-ink);
	margin: 0 0 6px;
	font-variation-settings: "opsz" 36;
}
.mm-faq-cat-kicker {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.95rem;
	color: var(--v2-gold);
	margin: 0;
	font-variation-settings: "opsz" 14;
}
.mm-faq-item {
	border-bottom: 1px solid var(--v2-line);
	padding: 6px 0;
}
.mm-faq-item summary {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	color: var(--v2-ink);
	padding: 14px 36px 14px 0;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 18px;
	position: relative;
	font-variation-settings: "opsz" 24;
	transition: color 200ms var(--v2-ease);
}
.mm-faq-item summary::-webkit-details-marker { display: none; }
.mm-faq-item summary:hover { color: var(--v2-teal-deep); }
.mm-faq-icon {
	flex-shrink: 0;
	color: var(--v2-teal);
	transition: transform 300ms var(--v2-ease);
}
.mm-faq-item[open] .mm-faq-icon { transform: rotate(180deg); }
.mm-faq-answer {
	padding: 0 36px 18px 0;
	font-family: var(--v2-body);
	font-size: 1rem;
	line-height: 1.75;
	color: var(--v2-ink-soft);
	max-width: 640px;
}
.mm-faq-answer p { margin: 0 0 12px; }
.mm-faq-answer p:last-child { margin-bottom: 0; }

/* ---------- PARENT VOICES ---------- */
.mm-v2-voices {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-parchment);
}
.mm-v2-voice-occ {
	font-size: 0.78rem;
	color: var(--v2-gold);
	font-style: italic;
	margin-top: 2px;
}
.mm-v2-voices-more {
	margin-top: 36px;
	text-align: center;
}
.mm-v2-voices-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: clamp(28px, 4vw, 48px);
}
.mm-v2-voice {
	margin: 0;
	padding: clamp(28px, 4vw, 40px);
	background: var(--v2-paper);
	border-radius: 4px 24px 4px 24px;
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.04),
		0 20px 40px -28px rgba(45, 106, 95, 0.18);
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.mm-v2-voice-quote {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(1rem, 1.15vw, 1.18rem);
	line-height: 1.6;
	color: var(--v2-ink);
	margin: 0;
	font-variation-settings: "opsz" 16;
	position: relative;
	padding-left: 18px;
}
.mm-v2-voice-quote::before {
	content: "“";
	position: absolute;
	left: -2px; top: -16px;
	font-size: 3rem;
	color: var(--v2-teal);
	opacity: 0.4;
	line-height: 1;
}
.mm-v2-voice-meta {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-top: 16px;
	border-top: 1px solid var(--v2-line);
}
.mm-v2-voice-avatar {
	width: 38px; height: 38px;
	border-radius: 50%;
	background: var(--v2-teal-soft);
	color: var(--v2-teal-deep);
	display: grid;
	place-items: center;
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: 1rem;
}
.mm-v2-voice-author {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 0.88rem;
	color: var(--v2-ink-soft);
}
.mm-v2-voice-author strong {
	color: var(--v2-ink);
	font-weight: 600;
}

/* ---------- COLLECTION (yatay 5 tema) ---------- */
.mm-v2-collection {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-cream);
}
.mm-v2-collection-rail {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--v2-ink-muted) transparent;
	padding: 8px 4px 32px;
	margin: 0 calc(var(--v2-gutter) * -1);
	padding-left: var(--v2-gutter);
	padding-right: var(--v2-gutter);
}
.mm-v2-collection-rail::-webkit-scrollbar { height: 6px; }
.mm-v2-collection-rail::-webkit-scrollbar-track { background: transparent; }
.mm-v2-collection-rail::-webkit-scrollbar-thumb { background: var(--v2-line); border-radius: 3px; }

.mm-v2-collection-card {
	flex: 0 0 clamp(260px, 30vw, 360px);
	min-height: 380px;
	padding: clamp(28px, 4vw, 40px);
	background: var(--v2-paper);
	border-radius: 4px 24px 4px 24px;
	scroll-snap-align: start;
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.04),
		0 20px 40px -28px rgba(45, 106, 95, 0.18);
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: transform 400ms var(--v2-ease), box-shadow 400ms var(--v2-ease);
	position: relative;
}
.mm-v2-collection-card:hover {
	transform: translateY(-4px);
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.04),
		0 28px 50px -28px rgba(45, 106, 95, 0.28);
}
.mm-v2-collection-glyph {
	font-family: var(--v2-display);
	font-size: 3.2rem;
	color: var(--v2-teal);
	line-height: 1;
	font-variation-settings: "opsz" 144;
	margin-bottom: 8px;
}
.mm-v2-collection-meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.mm-v2-collection-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.3rem, 1.8vw, 1.6rem);
	line-height: 1.2;
	color: var(--v2-ink);
	margin: 0;
	font-variation-settings: "opsz" 36;
}
.mm-v2-collection-body {
	font-family: var(--v2-body);
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--v2-ink-soft);
	margin: 0;
}
.mm-v2-collection-arrow {
	position: absolute;
	bottom: 24px; right: 24px;
	width: 36px; height: 36px;
	border-radius: 50%;
	background: var(--v2-cream);
	display: grid;
	place-items: center;
	color: var(--v2-teal-deep);
	transition: transform 280ms var(--v2-ease), background-color 280ms var(--v2-ease);
}
.mm-v2-collection-card:hover .mm-v2-collection-arrow {
	background: var(--v2-teal);
	color: var(--v2-cream);
	transform: translateX(4px);
}

/* ---------- PRICING ---------- */
.mm-v2-pricing {
	padding: var(--v2-pad-y) 0;
	background: var(--v2-parchment);
}
.mm-v2-pricing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: clamp(24px, 3vw, 36px);
	align-items: stretch;
}
.mm-v2-tier {
	position: relative;
	padding: clamp(32px, 4vw, 44px);
	background: var(--v2-paper);
	border-radius: 4px 28px 4px 28px;
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.04),
		0 24px 50px -28px rgba(45, 106, 95, 0.20);
	display: flex;
	flex-direction: column;
	gap: 20px;
	transition: transform 400ms var(--v2-ease), box-shadow 400ms var(--v2-ease);
}
.mm-v2-tier:hover {
	transform: translateY(-4px);
	box-shadow:
		0 1px 0 rgba(26, 24, 20, 0.04),
		0 32px 60px -28px rgba(45, 106, 95, 0.28);
}
.mm-v2-tier.is-recommended {
	background: linear-gradient(180deg, var(--v2-paper) 0%, var(--v2-teal-soft) 100%);
	border: 1px solid var(--v2-teal);
}
.mm-v2-tier-photo {
	margin: -16px -16px 8px;
	border-radius: 4px 24px 0 0;
	overflow: hidden;
	aspect-ratio: 4/3;
	background: var(--v2-cream);
	position: relative;
}
.mm-v2-tier-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 700ms var(--v2-ease);
}
.mm-v2-tier:hover .mm-v2-tier-photo img {
	transform: scale(1.04);
}
.mm-v2-tier.is-recommended .mm-v2-tier-photo {
	border-radius: 4px 28px 0 0;
}
.mm-v2-tier-mark {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--v2-teal-deep);
	color: var(--v2-cream);
	padding: 5px 16px;
	border-radius: 999px;
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	white-space: nowrap;
	font-variation-settings: "opsz" 12;
}
.mm-v2-tier-head { display: flex; flex-direction: column; gap: 6px; }
.mm-v2-tier-name {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	color: var(--v2-ink);
	margin: 0;
	font-variation-settings: "opsz" 36;
}
.mm-v2-tier-price {
	display: flex;
	align-items: baseline;
	gap: 4px;
	color: var(--v2-teal-deep);
	font-family: var(--v2-display);
}
.mm-v2-tier-price .num {
	font-size: clamp(2.4rem, 4vw, 3.2rem);
	font-weight: 600;
	line-height: 1;
	font-variation-settings: "opsz" 144;
}
.mm-v2-tier-price .unit {
	font-size: 1.2rem;
	font-weight: 500;
}
.mm-v2-tier-body {
	font-family: var(--v2-body);
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--v2-ink-soft);
	margin: 0;
}
.mm-v2-tier-wrap {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.92rem;
	color: var(--v2-ink-soft);
	padding: 14px 0;
	border-top: 1px solid var(--v2-line);
	border-bottom: 1px solid var(--v2-line);
	font-variation-settings: "opsz" 14;
}
.mm-v2-pricing-fine {
	margin-top: clamp(32px, 4vw, 48px);
	font-size: 0.85rem;
	color: var(--v2-ink-muted);
	font-style: italic;
	text-align: center;
	max-width: 60ch;
	margin-left: auto;
	margin-right: auto;
}

/* ---------- RESPONSIVE — mobile-first cascade ---------- */

/* TABLET (≤ 1024px) — minor relaxation */
@media (max-width: 1024px) {
	.mm-editorial { --v2-pad-y: clamp(60px, 9vh, 120px); }
	.mm-v2-hero { min-height: auto; padding: clamp(32px, 5vw, 60px) 0; }
	.mm-v2-hero-stage { min-height: 440px; }
}

/* TABLET LANDSCAPE (≤ 960px) — spread → single column */
@media (max-width: 960px) {
	.mm-v2-spread {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.mm-v2-page-frame { padding: clamp(24px, 4vw, 36px); }
	.mm-v2-page-left .mm-v2-page-frame { padding: 0; }
	.mm-v2-living-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.mm-v2-living-stage {
		position: relative;
		top: auto;
		min-height: 360px;
		margin-bottom: 0;
	}
	.mm-v2-craft-item { grid-template-columns: 1fr; gap: 12px; }
	.mm-v2-craft-num { font-size: clamp(2rem, 5vw, 2.6rem); }
	.mm-v2-hero-title { font-size: clamp(2.2rem, 6vw, 3.2rem); }
	.mm-v2-hero-stage { min-height: 380px; }
	.mm-v2-hero-book { width: clamp(160px, 36vw, 240px); height: clamp(230px, 50vw, 330px); }
}

/* MOBILE LANDSCAPE / SMALL TABLET (≤ 768px) */
@media (max-width: 768px) {
	.mm-editorial {
		--v2-gutter: clamp(16px, 5vw, 28px);
		--v2-pad-y: clamp(48px, 8vh, 80px);
	}
	.mm-v2-hero { padding: 24px 0 40px; }
	.mm-v2-section-head { margin-bottom: clamp(28px, 5vw, 48px); }

	/* Hero — sıkı paketleme */
	.mm-v2-hero-stage {
		min-height: 320px;
	}
	.mm-v2-hero-title {
		font-size: clamp(2rem, 8vw, 2.8rem);
		margin: 18px 0 18px;
	}
	.mm-v2-hero-lede {
		font-size: 1rem;
		margin-bottom: 24px;
	}
	.mm-v2-hero-actions { gap: 12px; }
	.mm-v2-cta { padding: 12px 22px; font-size: 0.9rem; }

	/* Name prompt mobilde stack */
	.mm-v2-name-row { flex-direction: column; gap: 10px; }
	.mm-v2-name-go {
		justify-content: center;
		padding: 14px;
	}

	/* Living preview book mobilde küçül */
	.mm-v2-book {
		width: clamp(220px, 60vw, 280px);
	}
	.mm-v2-page-num-floating { display: none; }

	/* Story spread — küçük kartlar */
	.mm-v2-spread-page {
		flex-basis: clamp(260px, 80vw, 340px);
		min-height: 400px;
	}
	.mm-v2-spread-page-inner { padding: 24px; }

	/* Collection mobile */
	.mm-v2-collection-card {
		flex-basis: clamp(240px, 78vw, 320px);
		min-height: 340px;
		padding: 28px;
	}
	.mm-v2-collection-glyph { font-size: 2.6rem; }

	/* Voices stack */
	.mm-v2-voices-grid { grid-template-columns: 1fr; gap: 20px; }
	.mm-v2-voice { padding: 26px; }

	/* Pricing — tek kolon, recommended ortada */
	.mm-v2-pricing-grid { grid-template-columns: 1fr; gap: 18px; }
	.mm-v2-tier { padding: 28px 24px; }
	.mm-v2-tier-price .num { font-size: 2.4rem; }

	/* Section head smaller */
	.mm-v2-h2 {
		font-size: clamp(1.7rem, 6vw, 2.4rem);
		max-width: 16ch;
	}
	.mm-v2-lede { font-size: 1rem; line-height: 1.6; }

	/* 3D book mobile — daha küçük + daha az depth */
	.mm-v2-hero-book {
		width: clamp(150px, 50vw, 200px);
		height: clamp(210px, 70vw, 280px);
	}
	.mm-v2-hero-book-stack { transform: rotateY(-18deg) rotateX(4deg); }
}

/* SMALL MOBILE (≤ 480px) — extra tight */
@media (max-width: 480px) {
	.mm-editorial {
		--v2-gutter: 16px;
		--v2-pad-y: 56px;
	}
	.mm-v2-hero-title { font-size: clamp(1.7rem, 9vw, 2.3rem); }
	.mm-v2-hero-actions .mm-v2-cta { width: 100%; justify-content: center; }
	.mm-v2-hero-actions .mm-v2-cta-ghost { padding: 12px 0; }
	.mm-v2-cta-block { width: 100%; justify-content: center; }
	.mm-v2-h2 { font-size: clamp(1.5rem, 7vw, 2rem); }
	.mm-v2-spread-rail,
	.mm-v2-collection-rail {
		margin: 0 -16px;
		padding-left: 16px;
		padding-right: 16px;
	}
	/* Floating shadow yumuşat */
	.mm-v2-hero-book-shadow { display: none; }
	/* Page meta numaraları küçük cihazlarda gizle */
	.mm-v2-page-meta { display: none; }

	/* Living preview book sıkıştır */
	.mm-v2-book {
		width: clamp(200px, 70vw, 260px);
	}
	.mm-v2-book-name { font-size: clamp(1.6rem, 7vw, 2.2rem); }

	/* Live field input */
	.mm-v2-field-input {
		font-size: 1.1rem;
		padding: 14px 16px;
	}
	.mm-v2-live-choices { gap: 6px; }
	.mm-v2-chip { padding: 6px 12px; font-size: 0.82rem; }

	/* Pricing tier — minik */
	.mm-v2-tier-name { font-size: 1.3rem; }
	.mm-v2-tier-price .num { font-size: 2rem; }
	.mm-v2-tier-body { font-size: 0.92rem; }

	/* Craft item daha kompakt */
	.mm-v2-craft-num { font-size: 1.8rem; }
	.mm-v2-craft-title { font-size: 1.3rem; }
}

/* TOUCH devices — hover effects disable */
@media (hover: none) {
	.mm-v2-page-frame:hover,
	.mm-v2-book:hover,
	.mm-v2-collection-card:hover,
	.mm-v2-tier:hover { transform: none; }
	.mm-v2-cta { transform: none !important; }
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce) {
	.mm-v2-scroll-cue { animation: none; }
	.mm-v2-page-frame:hover,
	.mm-v2-book:hover,
	.mm-v2-collection-card:hover,
	.mm-v2-tier:hover { transform: none; }
	.mm-v2-cta { transition: none; }
}

/* ═══════════════════════════════════════════════════════
   PRICING TIERS V2 + ANATOMY + FLOW (Wave 7.0)
   Mini Masal / Tam Dijital / Ciltli — değer hissi mimarisi
   ═══════════════════════════════════════════════════════ */

/* "Ne dahil" madde listesi - check + strong + line */
.mm-v2-tier-includes {
	list-style: none;
	margin: 18px 0 24px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
}
.mm-v2-tier-includes li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-family: var(--v2-display);
	font-size: 0.92rem;
	line-height: 1.45;
	color: var(--v2-ink-soft);
	font-variation-settings: "opsz" 14;
}
.mm-v2-tier-includes li strong {
	color: var(--v2-ink);
	font-weight: 600;
}
.mm-v2-tier-check {
	flex-shrink: 0;
	margin-top: 4px;
	color: var(--v2-teal);
	stroke-width: 2.4;
}
.mm-v2-tier.is-recommended .mm-v2-tier-check { color: var(--v2-gold); }

/* Tier rich modifier - paket kartı tüm parçaları sıraya koy */
.mm-v2-tier-rich {
	display: flex;
	flex-direction: column;
}
.mm-v2-tier-rich .mm-v2-tier-body { flex: 0 0 auto; min-height: 64px; }
.mm-v2-tier-rich .mm-v2-tier-includes { flex: 1 1 auto; }
.mm-v2-tier-rich .mm-v2-cta-block { margin-top: auto; }

/* ─── ANATOMY (3 sütun, "kitabımız nedir") ─────────────────── */
.mm-v2-anatomy {
	padding: clamp(80px, 10vw, 140px) 0;
	background:
		radial-gradient(ellipse at 50% 20%, rgba(45,106,95,0.05) 0%, transparent 60%),
		linear-gradient(180deg, var(--v2-paper) 0%, var(--v2-parchment) 100%);
}
.mm-v2-anatomy-grid {
	margin-top: 56px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(28px, 4vw, 56px);
}
.mm-v2-anatomy-col {
	background: var(--v2-paper);
	padding: clamp(28px, 3vw, 42px) clamp(24px, 3vw, 36px);
	border-radius: 4px 24px 4px 24px;
	border: 1px solid var(--v2-line);
	box-shadow: 0 1px 0 rgba(26,24,20,0.04), 0 24px 48px -32px rgba(45,106,95,0.20);
	display: flex;
	flex-direction: column;
	position: relative;
}
.mm-v2-anatomy-num {
	position: absolute;
	top: clamp(20px, 2.5vw, 28px);
	right: clamp(22px, 3vw, 32px);
	font-family: var(--v2-display);
	font-style: italic;
	font-size: clamp(2.2rem, 3vw, 2.8rem);
	color: var(--v2-gold);
	opacity: 0.40;
	font-variation-settings: "opsz" 144;
	line-height: 1;
}
.mm-v2-anatomy-h {
	font-family: var(--v2-display);
	font-weight: 500;
	font-size: clamp(1.4rem, 1.8vw, 1.7rem);
	line-height: 1.15;
	color: var(--v2-ink);
	margin: 0 0 22px;
	font-variation-settings: "opsz" 32;
	max-width: 75%;
}
.mm-v2-anatomy-list {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}
.mm-v2-anatomy-list li {
	font-family: var(--v2-display);
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--v2-ink-soft);
	font-variation-settings: "opsz" 14;
	padding-left: 16px;
	position: relative;
}
.mm-v2-anatomy-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 1px;
	background: var(--v2-gold);
}
.mm-v2-anatomy-list li strong {
	color: var(--v2-ink);
	font-weight: 600;
}
.mm-v2-anatomy-fine {
	font-family: var(--v2-display);
	font-style: italic;
	font-size: 0.84rem;
	line-height: 1.55;
	color: var(--v2-ink-muted);
	margin: 0;
	padding-top: 14px;
	border-top: 1px solid var(--v2-line);
	font-variation-settings: "opsz" 14;
}

@media (max-width: 960px) {
	.mm-v2-anatomy-grid { grid-template-columns: 1fr; gap: 24px; }
	.mm-v2-anatomy-h { max-width: 100%; }
}

/* ─── 6 ADIM ATÖLYE AKIŞI (timeline) ──────────────────────── */
.mm-v2-flow-wrap {
	margin-top: clamp(60px, 8vw, 100px);
	padding-top: clamp(40px, 5vw, 60px);
	border-top: 1px solid var(--v2-line);
}
.mm-v2-flow-title {
	font-family: var(--v2-display);
	font-weight: 500;
	font-style: italic;
	font-size: clamp(1.3rem, 1.7vw, 1.6rem);
	color: var(--v2-ink);
	text-align: center;
	margin: 0 0 40px;
	font-variation-settings: "opsz" 32;
}
.mm-v2-flow {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: clamp(14px, 1.8vw, 24px);
	position: relative;
}
.mm-v2-flow::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 5%;
	right: 5%;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--v2-gold) 20%, var(--v2-gold) 80%, transparent 100%);
	opacity: 0.55;
}
.mm-v2-flow-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
}
.mm-v2-flow-mark {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--v2-paper);
	border: 1.5px solid var(--v2-gold);
	display: grid;
	place-items: center;
	color: var(--v2-gold);
	font-family: var(--v2-display);
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;
	transition: background 300ms ease;
}
.mm-v2-flow-step:hover .mm-v2-flow-mark {
	background: var(--v2-gold);
	color: var(--v2-paper);
}
.mm-v2-flow-head {
	font-family: var(--v2-display);
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--v2-ink);
	margin-bottom: 6px;
	font-variation-settings: "opsz" 14;
}
.mm-v2-flow-step p {
	font-family: var(--v2-display);
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--v2-ink-soft);
	margin: 0 0 8px;
	font-variation-settings: "opsz" 14;
}
.mm-v2-flow-time {
	font-family: 'Inter Tight', system-ui, sans-serif;
	font-size: 0.66rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--v2-gold);
	opacity: 0.9;
}

@media (max-width: 960px) {
	.mm-v2-flow { grid-template-columns: repeat(2, 1fr); gap: 28px; }
	.mm-v2-flow::before { display: none; }
}
@media (max-width: 560px) {
	.mm-v2-flow { grid-template-columns: 1fr; }
}