/* Ana sayfa: logo, menü ve teklif çağrısı */
body.home .mgv46-header,
body.home .mgv46-hero,
body.home .mgv46-strip,
body.home .mgv46-section,
body.home .mgv46-footer {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.mgv46-header {
	border-bottom: 1px solid #e3ebef !important;
	box-shadow: 0 8px 28px rgba(8, 37, 54, .07) !important;
}

.mgv46-nav {
	gap: 14px !important;
}

.mgv46-logo {
	flex: 0 0 138px !important;
	width: 138px !important;
}

.mgv46-logo img {
	display: block !important;
	width: 138px !important;
	height: auto !important;
	object-fit: contain !important;
}

.mgv46-links {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex: 1 1 auto !important;
	width: auto !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 3px !important;
	min-width: 0 !important;
}

.mgv46-links a {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 38px !important;
	padding: 8px 9px !important;
	border-radius: 9px !important;
	font-family: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 720 !important;
	line-height: 1 !important;
	letter-spacing: .005em !important;
	color: #102b3c !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}

.mgv46-links a:hover,
.mgv46-links a:focus-visible {
	background: #edf5f7 !important;
	color: #0b6f8d !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

.mgv46-links a::after {
	content: "" !important;
	position: absolute !important;
	left: 10px !important;
	right: 10px !important;
	bottom: 3px !important;
	height: 2px !important;
	border-radius: 999px !important;
	background: #f2b323 !important;
	transform: scaleX(0) !important;
	transition: transform .18s ease !important;
}

.mgv46-links a:hover::after,
.mgv46-links a:focus-visible::after {
	transform: scaleX(1) !important;
}

.mgv46-cta {
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: 132px !important;
	padding-inline: 17px !important;
	text-align: center !important;
	white-space: nowrap !important;
	background: #16a766 !important;
}

@media (max-width: 1100px) {
	.mgv46-nav {
		flex-wrap: wrap !important;
	}

	.mgv46-links {
		order: 3 !important;
		flex-basis: 100% !important;
		justify-content: flex-start !important;
		overflow-x: auto !important;
		padding: 3px 0 6px !important;
		scrollbar-width: thin !important;
	}
}

body.home .mgv46-btn-white {
	min-width: 190px !important;
	color: #082536 !important;
}

/* Sağ alttaki teklif girişi */
.mgrl-home-button {
	display: grid !important;
	grid-template-columns: 32px auto !important;
	grid-template-rows: auto auto !important;
	align-items: center !important;
	column-gap: 10px !important;
	min-width: 188px !important;
	min-height: 58px !important;
	padding: 9px 16px !important;
	border: 1px solid #f4b51f !important;
	border-radius: 16px !important;
	background: #082536 !important;
	color: #fff !important;
	box-shadow: 0 14px 34px rgba(8, 37, 54, .28) !important;
	text-decoration: none !important;
}

.mgrl-home-button > span {
	grid-row: 1 / 3 !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #f4b51f !important;
	color: #082536 !important;
	font-size: 22px !important;
	font-weight: 900 !important;
}

.mgrl-home-button strong {
	align-self: end !important;
	font-size: 14px !important;
	line-height: 1.15 !important;
}

.mgrl-home-button small {
	align-self: start !important;
	color: #cbd7df !important;
	font-size: 10px !important;
	line-height: 1.15 !important;
}

/* Bayi teklif formu: telefon ekranında daha geniş ve daha kompakt */
@media (max-width: 680px) {
	body.mgv60-teklif-body {
		padding-inline: 5px !important;
		background: #edf3f5 !important;
	}

	body.mgv60-teklif-body .mgv60-teklif-direct,
	body.mgv60-teklif-body .mbt-app {
		width: 100% !important;
		max-width: none !important;
		margin-inline: auto !important;
	}

	body.mgv60-teklif-body .mgv60-teklif-direct {
		padding-inline: 0 !important;
	}

	body.mgv60-teklif-body .mbt-app {
		font-size: 13px !important;
	}

	body.mgv60-teklif-body .mbt-paper {
		padding: 14px 10px 120px !important;
		border-radius: 14px !important;
	}

	body.mgv60-teklif-body .mbt-section {
		margin-bottom: 14px !important;
		padding: 12px 10px !important;
	}

	body.mgv60-teklif-body .mbt-section-heading {
		gap: 10px !important;
		margin-bottom: 12px !important;
	}

	body.mgv60-teklif-body .mbt-section-heading b {
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		font-size: 14px !important;
	}

	body.mgv60-teklif-body .mbt-section-heading strong {
		font-size: 17px !important;
	}

	body.mgv60-teklif-body .mbt-section-heading small {
		font-size: 11px !important;
	}

	body.mgv60-teklif-body .mbt-customer-grid input,
	body.mgv60-teklif-body .mbt-customer-grid select,
	body.mgv60-teklif-body .mbt-add-grid input,
	body.mgv60-teklif-body .mbt-add-grid select,
	body.mgv60-teklif-body .mbt-payment-grid input,
	body.mgv60-teklif-body .mbt-payment-grid select,
	body.mgv60-teklif-body .mbt-deductions input,
	body.mgv60-teklif-body .mbt-deductions select {
		min-height: 38px !important;
		height: 38px !important;
		padding: 6px 8px !important;
		font-size: 13px !important;
		border-radius: 8px !important;
	}

	body.mgv60-teklif-body .mbt-selected-visual {
		min-height: 104px !important;
		padding: 7px !important;
	}

	body.mgv60-teklif-body .mbt-selected-visual img {
		width: 112px !important;
		height: 90px !important;
		max-width: 112px !important;
		object-fit: contain !important;
	}

	body.mgv60-teklif-body .mbt-line-head {
		display: none !important;
	}

	body.mgv60-teklif-body .mbt-lines {
		overflow: visible !important;
	}

	body.mgv60-teklif-body .mbt-line-row.mgct-grid {
		display: grid !important;
		grid-template-columns: 22px 82px minmax(0, 1fr) 26px !important;
		grid-template-rows: 36px 36px 36px 28px !important;
		gap: 5px 8px !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 161px !important;
		padding: 9px 7px !important;
		border: 1px solid #b8ccd4 !important;
		border-radius: 12px !important;
		background: #fff !important;
		box-shadow: 0 5px 14px rgba(8, 37, 54, .06) !important;
		overflow: hidden !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(1) {
		grid-column: 1 !important;
		grid-row: 1 / 5 !important;
		align-self: start !important;
		padding-top: 6px !important;
		font-size: 13px !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(2) {
		grid-column: 2 !important;
		grid-row: 1 / 3 !important;
		width: 82px !important;
		height: 77px !important;
		align-self: start !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(2) img {
		display: block !important;
		width: 82px !important;
		height: 77px !important;
		max-width: none !important;
		object-fit: contain !important;
		border-radius: 8px !important;
		background: #f7fafb !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(3) {
		display: none !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(4) {
		grid-column: 3 !important;
		grid-row: 1 !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(5) {
		grid-column: 3 !important;
		grid-row: 2 !important;
		width: calc(52% - 3px) !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(6) {
		grid-column: 3 !important;
		grid-row: 2 !important;
		justify-self: end !important;
		width: calc(48% - 3px) !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(7) {
		grid-column: 2 / 4 !important;
		grid-row: 3 !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(8) {
		grid-column: 2 / 4 !important;
		grid-row: 4 !important;
		justify-self: end !important;
		align-self: center !important;
		font-size: 14px !important;
	}

	body.mgv60-teklif-body .mbt-line-row > :nth-child(9) {
		grid-column: 4 !important;
		grid-row: 1 !important;
		width: 26px !important;
		height: 30px !important;
		min-width: 26px !important;
		padding: 0 !important;
		font-size: 22px !important;
	}

	body.mgv60-teklif-body .mbt-line-row input,
	body.mgv60-teklif-body .mbt-line-row select {
		width: 100% !important;
		min-width: 0 !important;
		height: 34px !important;
		min-height: 34px !important;
		padding: 5px 7px !important;
		border-radius: 7px !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
	}

	body.mgv60-teklif-body .mbt-actions {
		position: sticky !important;
		z-index: 60 !important;
		bottom: 6px !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
		width: calc(100% - 8px) !important;
		margin: 12px 4px 0 !important;
		padding: 8px !important;
		border: 1px solid #c4d4da !important;
		border-radius: 13px !important;
		background: rgba(255, 255, 255, .96) !important;
		box-shadow: 0 12px 30px rgba(8, 37, 54, .18) !important;
		backdrop-filter: blur(8px) !important;
	}

	body.mgv60-teklif-body .mbt-actions .mbt-button {
		min-height: 38px !important;
		padding: 7px 8px !important;
		font-size: 11px !important;
		line-height: 1.15 !important;
		border-radius: 8px !important;
	}

	body.mgv60-teklif-body .mbt-actions [data-mgct-live-save] {
		grid-column: 1 / -1 !important;
	}

	body.mgv60-teklif-body .mgv60-form-logo {
		width: 132px !important;
		height: auto !important;
	}

	.mgrl-home-button {
		right: 10px !important;
		bottom: 10px !important;
		min-width: 178px !important;
		min-height: 54px !important;
		padding: 8px 13px !important;
	}
}

@media (max-width: 420px) {
	.mgv46-logo,
	.mgv46-logo img {
		width: 116px !important;
	}

	.mgv46-links {
		display: flex !important;
		justify-content: flex-start !important;
		gap: 4px !important;
		overflow-x: auto !important;
		padding-bottom: 4px !important;
		scrollbar-width: thin !important;
	}

	.mgv46-links a {
		min-height: 36px !important;
		padding: 8px 10px !important;
		font-size: 13px !important;
	}

	.mgv46-cta {
		min-width: 118px !important;
		font-size: 12px !important;
	}
}