/**
 * Pasta La Vista — Base
 * Reset + tipografi + container. Sayfa/tema gorunumune ozgu kurallar
 * burada; bilesenler pv-components.css icinde.
 */

.pv-scope,
.pv-scope * {
	box-sizing: border-box;
}

.pv-scope {
	font-family: var(--pv-font-body);
	color: var(--pv-dark);
	background: var(--pv-cream);
	-webkit-font-smoothing: antialiased;
	line-height: 1.55;
}

.pv-scope h1,
.pv-scope h2,
.pv-scope h3,
.pv-scope .pv-display {
	font-family: var(--pv-font-display);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin: 0 0 var(--pv-space-sm);
	color: var(--pv-dark);
}

.pv-scope h1 { font-size: var(--pv-text-4xl); }
.pv-scope h2 { font-size: var(--pv-text-3xl); }
.pv-scope h3 { font-size: var(--pv-text-xl); }

.pv-scope p {
	margin: 0 0 var(--pv-space-sm);
	color: var(--pv-dark-soft);
}

.pv-eyebrow {
	font-family: var(--pv-font-display);
	font-style: italic;
	font-weight: 500;
	font-size: var(--pv-text-lg);
	color: var(--pv-red);
	margin: 0 0 4px;
	display: block;
}

.pv-container {
	max-width: var(--pv-container-max);
	margin: 0 auto;
	padding: 0 var(--pv-space-md);
}

.pv-section {
	padding: var(--pv-space-xl) 0;
}

.pv-section-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--pv-space-md);
	margin-bottom: var(--pv-space-lg);
	border-bottom: 1px solid var(--pv-border);
	padding-bottom: var(--pv-space-sm);
}

.pv-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.pv-scope a:focus-visible,
.pv-scope button:focus-visible,
.pv-scope input:focus-visible,
.pv-scope select:focus-visible {
	outline: 2px solid var(--pv-green);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.pv-scope * {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}

/* ---------- Responsive tip olcekleri ---------- */
@media (max-width: 768px) {
	.pv-scope h1 { font-size: var(--pv-text-3xl); }
	.pv-scope h2 { font-size: var(--pv-text-2xl); }
	.pv-section { padding: var(--pv-space-lg) 0; }
}

@media (max-width: 414px) {
	.pv-scope h1 { font-size: var(--pv-text-2xl); }
}