:root {
	--color-canvas: 245 251 251 !important;
	--color-canvas-soft: 255 255 255 !important;
	--color-surface: 255 255 255 !important;
	--color-ink: 18 51 79 !important;
	--color-ink-muted: 93 114 130 !important;
	--color-accent-cyan: 10 164 167 !important;
	--color-accent-mint: 19 182 155 !important;
	--color-accent-orange: 255 216 77 !important;
	--selpar-cyan: #0aa4a7 !important;
	--selpar-mint: #13b69b !important;
	--selpar-orange: #ffd84d !important;
	color-scheme: light !important;
	background: #f5fbfb !important;
}

html,
body {
	background: #f5fbfb !important;
	color: #12334f !important;
}

body {
	background:
		radial-gradient(circle at 88% 16%, rgba(255, 216, 77, 0.34), transparent 25%),
		linear-gradient(135deg, #e7f7f5 0%, #f8fcfb 58%, #ffffff 100%) !important;
	top: 0 !important;
}

body > .skiptranslate,
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-te-gadget,
.goog-te-combo,
.goog-te-spinner-pos {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.selpar-language-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.selpar-language-select {
	height: 3rem;
	min-width: 4.75rem;
	border: 1px solid rgba(10, 164, 167, 0.28);
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.72);
	color: #12334f;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1;
	outline: none;
	padding: 0 2rem 0 1rem;
	box-shadow: 0 12px 26px rgba(18, 51, 79, 0.08);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.selpar-language-select:focus {
	border-color: rgba(10, 164, 167, 0.68);
	box-shadow: 0 0 0 4px rgba(10, 164, 167, 0.14);
}

.selpar-mobile-language-label {
	display: block;
	margin: 0.5rem 1rem 0;
	color: #5d7282;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.selpar-mobile-menu .selpar-language-select {
	width: calc(100% - 2rem);
	margin: 0.35rem 1rem 1rem;
	background: #fff;
}

.bg-midnight,
.bg-midnight\/50,
.bg-midnight\/70,
.bg-midnight\/\[0\.58\],
.bg-midnight\/\[0\.62\],
.bg-midnight\/\[0\.64\],
.bg-midnight\/\[0\.66\],
.bg-midnight\/\[0\.7\],
.bg-midnight\/\[0\.72\],
.bg-midnight\/\[0\.76\],
.bg-midnight\/\[0\.78\],
.bg-midnight\/\[0\.82\],
.bg-midnight\/\[0\.88\],
.bg-midnight-soft\/\[0\.96\] {
	background-color: rgba(255, 255, 255, 0.88) !important;
}

header.bg-midnight\/\[0\.76\],
.sticky.bg-midnight\/\[0\.76\] {
	background: rgba(245, 251, 251, 0.92) !important;
	border-color: rgba(18, 51, 79, 0.08) !important;
}

.bg-automotive-aurora {
	background:
		linear-gradient(115deg, rgba(10, 164, 167, 0.16), transparent 34%),
		linear-gradient(68deg, transparent 36%, rgba(19, 182, 155, 0.12), transparent 68%),
		linear-gradient(150deg, transparent 50%, rgba(255, 216, 77, 0.26)) !important;
}

.bg-premium-grid {
	background-image:
		linear-gradient(rgba(18, 51, 79, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18, 51, 79, 0.06) 1px, transparent 1px) !important;
}

.bg-gradient-to-r.from-midnight,
.bg-gradient-to-t.from-midnight {
	background-image: linear-gradient(135deg, rgba(231, 247, 245, 0.96), rgba(255, 255, 255, 0.72)) !important;
}

.text-white,
.text-slate-200,
.text-slate-300,
.text-slate-400 {
	color: #12334f !important;
}

p.text-slate-200,
.body-copy,
.body-small,
.text-slate-300,
.text-slate-400 {
	color: #5d7282 !important;
}

.text-cyan-electric,
.text-cyan-electric\/75,
.text-cyan-electric\/80 {
	color: #0aa4a7 !important;
}

.text-mint-tech {
	color: #13b69b !important;
}

.text-orange-signal {
	color: #d19a00 !important;
}

.text-gradient-premium {
	background: linear-gradient(90deg, #12334f 0%, #0aa4a7 58%, #d19a00 100%) !important;
	color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

.premium-card,
.badge-soft,
.section-kicker,
.bg-surface\/\[0\.035\],
.bg-surface\/\[0\.04\],
.bg-surface\/\[0\.045\],
.bg-surface\/\[0\.05\],
.bg-surface\/\[0\.055\],
.bg-surface\/\[0\.06\],
.bg-surface\/\[0\.07\],
.bg-white\/5,
.bg-white\/10,
.bg-white\/\[0\.04\],
.bg-white\/\[0\.045\],
.bg-white\/\[0\.05\],
.bg-white\/\[0\.08\] {
	background-color: rgba(255, 255, 255, 0.9) !important;
	border-color: rgba(18, 51, 79, 0.10) !important;
	color: #12334f !important;
}

.bg-cyan-electric,
.bg-cyan-electric\/10,
.bg-cyan-electric\/\[0\.03\],
.bg-cyan-electric\/\[0\.06\],
.bg-cyan-electric\/\[0\.07\],
.bg-cyan-electric\/\[0\.08\],
.bg-cyan-electric\/\[0\.09\],
.bg-cyan-electric\/\[0\.12\] {
	background-color: rgba(10, 164, 167, 0.12) !important;
}

a.bg-cyan-electric,
button.bg-cyan-electric {
	background: #0aa4a7 !important;
	color: #ffffff !important;
	border-color: #0aa4a7 !important;
}

.bg-mint-tech,
.bg-mint-tech\/\[0\.07\],
.bg-mint-tech\/\[0\.08\],
.bg-mint-tech\/\[0\.1\] {
	background-color: rgba(19, 182, 155, 0.14) !important;
}

.bg-orange-signal,
.bg-orange-signal\/\[0\.08\],
.bg-orange-signal\/\[0\.1\] {
	background-color: rgba(255, 216, 77, 0.55) !important;
}

.border-white\/10,
.border-white\/\[0\.12\],
.border-white\/\[0\.14\],
.border-cyan-electric\/30,
.border-cyan-electric\/60,
.border-cyan-electric\/\[0\.18\],
.border-cyan-electric\/\[0\.22\],
.border-cyan-electric\/\[0\.24\],
.border-cyan-electric\/\[0\.26\],
.border-cyan-electric\/\[0\.28\],
.border-cyan-electric\/\[0\.35\] {
	border-color: rgba(10, 164, 167, 0.22) !important;
}

.bg-premium-mesh {
	background:
		linear-gradient(120deg, rgba(10, 164, 167, 0.12), transparent 32%),
		linear-gradient(72deg, transparent 38%, rgba(255, 216, 77, 0.28), transparent 70%),
		#ffffff !important;
}

.shadow-glow,
.shadow-glow-green,
.shadow-glow-orange,
.shadow-premium-card {
	box-shadow: 0 18px 44px rgba(18, 51, 79, 0.10) !important;
}

svg [stroke="#00E5FF"] {
	stroke: #0aa4a7 !important;
}

svg [stroke="#1DE9B6"] {
	stroke: #13b69b !important;
}

svg [stroke="#FF7A00"] {
	stroke: #d19a00 !important;
}

svg [fill="#00E5FF"] {
	fill: #0aa4a7 !important;
}

svg [fill="#FF7A00"] {
	fill: #ffd84d !important;
}

svg [fill="#07101D"],
svg [fill="#111827"] {
	fill: #ffffff !important;
}

stop[stop-color="#00E5FF"] {
	stop-color: #0aa4a7 !important;
}

stop[stop-color="#1DE9B6"] {
	stop-color: #13b69b !important;
}

stop[stop-color="#FF7A00"] {
	stop-color: #ffd84d !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .font-display {
	color: #12334f !important;
	-webkit-text-fill-color: #12334f !important;
	text-shadow: none !important;
}

body p,
body li,
body small,
body span,
body div {
	text-shadow: none !important;
}

body p,
body .body-copy,
body .body-small {
	color: #5d7282 !important;
	-webkit-text-fill-color: #5d7282 !important;
}

body .text-gradient-premium {
	background: none !important;
	color: #12334f !important;
	-webkit-text-fill-color: #12334f !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
}

body header,
body header *,
body nav,
body nav * {
	-webkit-text-fill-color: currentColor !important;
}

body header {
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: 0 12px 30px rgba(18, 51, 79, 0.08) !important;
}

body header .container-shell > a:first-child {
	display: none !important;
}

body header .text-white,
body header .text-slate-300,
body header a {
	color: #12334f !important;
}

body header .text-cyan-electric,
body header .bg-cyan-electric\/10 {
	color: #0aa4a7 !important;
}

body section {
	background: transparent !important;
}

body .premium-card,
body article,
body [class*="rounded-panel"],
body [class*="rounded-2xl"],
body [class*="rounded-[2"] {
	background-color: rgba(255, 255, 255, 0.92) !important;
	border-color: rgba(18, 51, 79, 0.12) !important;
	box-shadow: 0 18px 44px rgba(18, 51, 79, 0.10) !important;
}

body a.bg-cyan-electric,
body button.bg-cyan-electric,
body a[class*="bg-cyan-electric"] {
	background: #0aa4a7 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body a[class*="bg-cyan-electric"] span,
body button[class*="bg-cyan-electric"] span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body .section-kicker,
body .badge-soft {
	background: #ffffff !important;
	color: #0aa4a7 !important;
	-webkit-text-fill-color: #0aa4a7 !important;
	border-color: rgba(10, 164, 167, 0.22) !important;
}

body .section-kicker *,
body .badge-soft * {
	color: #0aa4a7 !important;
	-webkit-text-fill-color: #0aa4a7 !important;
}

body [style*="opacity"] {
	opacity: 1 !important;
}

body [style*="transform:translate"],
body [style*="transform: translate"],
body [style*="transform:scale"],
body [style*="transform: scale"] {
	transform: none !important;
}

body .responsive-stat-grid,
body .responsive-card-grid,
body div.grid:has(> div > a.premium-card[class*="min-h-"]),
body div.grid:has(> div > article.premium-card) {
	align-items: stretch !important;
	grid-auto-rows: 1fr !important;
}

body .responsive-stat-grid > div,
body .responsive-card-grid > div,
body div.grid:has(> div > a.premium-card[class*="min-h-"]) > div,
body div.grid:has(> div > article.premium-card) > div {
	height: 100% !important;
}

body .responsive-stat-grid article.premium-card,
body .responsive-card-grid article.premium-card,
body div.grid:has(> div > a.premium-card[class*="min-h-"]) > div > a.premium-card,
body div.grid:has(> div > article.premium-card) > div > article.premium-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 240px !important;
}

body .responsive-stat-grid article.premium-card {
	justify-content: flex-start !important;
	min-height: 260px !important;
}

body div.grid:has(> div > a.premium-card[class*="min-h-[150px]"]) > div > a.premium-card {
	justify-content: flex-start !important;
	min-height: 230px !important;
}

body div.grid:has(> div > a.premium-card[class*="min-h-[150px]"]) > div > a.premium-card > div:last-child {
	margin-top: 1.5rem !important;
}

body .responsive-stat-grid article.premium-card p:last-child,
body .responsive-card-grid article.premium-card p:last-child,
body div.grid:has(> div > a.premium-card[class*="min-h-"]) > div > a.premium-card p:last-child,
body div.grid:has(> div > article.premium-card) > div > article.premium-card p:last-child {
	margin-bottom: 0 !important;
}

body div.grid:has(> div > #yedek-parca) {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 1.25rem !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 560px !important;
	overflow: hidden !important;
	padding: 1.35rem !important;
	border-radius: 28px !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) > div[class*="h-44"] {
	height: 156px !important;
	min-height: 156px !important;
	border-radius: 22px !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) > div[class*="h-44"] svg {
	width: 100% !important;
	height: 100% !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) h2 {
	min-height: 4.7rem !important;
	font-size: clamp(1.55rem, 1.8vw, 2rem) !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) p {
	font-size: 1rem !important;
	line-height: 1.7 !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) ul {
	display: grid !important;
	gap: 0.72rem !important;
	margin-top: auto !important;
	padding-top: 1.15rem !important;
}

body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) li {
	align-items: flex-start !important;
	font-size: 0.92rem !important;
	line-height: 1.45 !important;
}

#cozum-akisi.section-padding {
	padding-top: 2.5rem !important;
}

.section-padding.section-band {
	padding-top: 2.5rem !important;
}

@media (min-width: 640px) {
	#cozum-akisi.section-padding {
		padding-top: 3rem !important;
	}

	.section-padding.section-band {
		padding-top: 3rem !important;
	}
}

@media (min-width: 1024px) {
	#cozum-akisi.section-padding {
		padding-top: 3.5rem !important;
	}

	.section-padding.section-band {
		padding-top: 3.5rem !important;
	}
}

@media (max-width: 1180px) {
	body div.grid:has(> div > #yedek-parca) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body .responsive-stat-grid,
	body .responsive-card-grid,
	body div.grid:has(> div > a.premium-card[class*="min-h-"]),
	body div.grid:has(> div > article.premium-card) {
		grid-auto-rows: auto !important;
	}

	body .responsive-stat-grid article.premium-card,
	body .responsive-card-grid article.premium-card,
	body div.grid:has(> div > a.premium-card[class*="min-h-"]) > div > a.premium-card,
	body div.grid:has(> div > article.premium-card) > div > article.premium-card {
		min-height: auto !important;
	}

	body div.grid:has(> div > #yedek-parca) {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}

	body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) {
		min-height: auto !important;
		padding: 1rem !important;
		border-radius: 22px !important;
	}

	body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) > div[class*="h-44"] {
		height: 132px !important;
		min-height: 132px !important;
		border-radius: 18px !important;
	}

	body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) h2 {
		min-height: 0 !important;
		font-size: 1.55rem !important;
		line-height: 1.14 !important;
	}

	body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) p {
		font-size: 0.95rem !important;
		line-height: 1.62 !important;
	}

	body :is(#yedek-parca, #mekanik-servis, #hasar-onarim, #on-muhasebe, #entegrasyon) ul {
		margin-top: 1rem !important;
		padding-top: 0 !important;
	}
}