/* Genel Stiller */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: none;
}

body {
	background-color: #f8f9fa;
	color: #333;
	line-height: 1.6;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

section {padding: 60px 0;}
h1, h2, h3 {color: #1a365d;margin-bottom: 20px;}
p { margin-bottom: 15px;}
.btn {
	display: inline-block;
	background-color: #e63946;
	color: white;
	padding: 12px 25px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}
.btn:hover {
	background-color: #c1121f;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.btn-secondary { background-color: #1a365d;}
.btn-secondary:hover {background-color: #0f2547;}
.text-center { text-align: center;}

/* Header */
header {
	background-image: linear-gradient(#f00,#d33);
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	position: fixed;
	width: 100%;
	z-index: 1000;
	top:0px;
}
.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}

header img { width:8rem;}
header .hidden-logo-img {display: none;margin-right: 15px}
.logo-text {
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
}
.logo-text span {
	color: #fff;
	display: inline-block;
	margin-bottom: .4rem
}
.mobil-header-map-btn,.mobil-header-tel {display: none;}
nav .menu-top-contact {display: none;}
nav .menu-top-contact a{color: #fff}
nav ul { display: flex;list-style: none;}
nav ul li { margin-left: 5px;}
nav ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	transition: color 0.3s;
	padding: .5rem .7rem;
	border-radius: 1rem;
	font-size: 1rem
}
nav ul li a:hover,
nav ul li a.active {background: #1a365d;}
.mobile-menu {
	display: none;
	font-size: 1.5rem;
	cursor: pointer;
}

/* Hero Section */
.hero {
	background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('sasmaz.webp');
	background-size: cover;
	background-position: top end;
	color: white;
	text-align: center;
	padding: 150px 0 100px;
	margin-top: 70px;
}
.hero h1 {
	font-size: 2.8rem;
	line-height: 3.4rem;
	margin-bottom: 20px;
	color: white;
}
.hero p {
	font-size: 1.2rem;
	max-width: 700px;
	margin: 0 auto 30px;
	color:#ddd;
}
.hero-buttons {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
}

/* Section Title */
.section-title {  text-align: center; margin-bottom: 50px;}
.section-title h2 {
	font-size: 2.5rem;
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
}
.section-title h2::after {
	content: '';
	position: absolute;
	width: 70px;
	height: 3px;
	background-color: #e63946;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* Services Overview */
.services-overview {background-color: white;}
.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin-bottom: 40px;
}
.service-card {
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	transition: transform 0.3s, box-shadow 0.3s;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.service-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.service-icon {font-size: 3rem;color: #e63946; margin-bottom: 20px;}
.service-card h3 {font-size: 1.5rem;margin-bottom: 15px;}
.service-link {
	color: #e63946;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 15px;
}

/* Why Us */
.why-us {background-color: #1a365d;color: white;}
.why-us .section-title h2 {  color: white;}
.why-us .section-title h2::after {background-color: white;}
.features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
}
.feature {text-align: center;padding: 20px;}
.feature i {
	font-size: 2.5rem;
	margin-bottom: 20px;
	color: #e63946;
}
.feature h3 { color: white;margin-bottom: 15px;}

/* Stats */
.stats {
	background: linear-gradient(135deg, #e63946, #1a365d);
	color: white;
	padding: 2rem 0
}
.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	text-align: center;
}
.stat-number {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Page Header */
.page-header {
	background: linear-gradient(rgba(26,54,93,0.9), rgba(26,54,93,0.9)), url('https://images.unsplash.com/photo-1493238792000-8113da705763?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');
	background-size: cover;
	background-position: center;
	color: white;
	text-align: center;
	padding: 4rem 0;
	margin-top: 80px;
}

.page-header h1 {
	color: white;
	font-size: 2.5rem;
	margin-bottom: 0rem;
}
.page-header p {margin:0;}

/* Service Details */
.service-details { background-color: white;}
.service-detail-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
	margin-bottom: 80px;
}
.service-detail-card:nth-child(even) .service-detail-content {order: 2;}
.service-detail-card:nth-child(even) .service-detail-image {order: 1;}
.service-detail-content h2 {color: #1a365d; margin-bottom: 20px;}
.service-detail-content ul {list-style: none;margin: 20px 0;}
.service-detail-content ul li {
	padding: 8px 0;
	padding-left: 25px;
	position: relative;
}
.service-detail-content ul li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #e63946;
	font-weight: bold;
}
.service-detail-image img {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* CTA */
.cta {
	background: linear-gradient(135deg, #e63946, #1a365d);
	color: white;
	text-align: center;
	padding: 80px 0;
}

.cta h2 { color: white;  margin-bottom: 15px;}

/* Footer */
footer {
	background-color: #1a365d;
	color: white;
	padding: 40px 0 20px;
}
.footer-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin-bottom: 30px;
}
.footer-col h3 {
	color: white;
	margin-bottom: 20px;
	font-size: 1.3rem;
}

.footer-col ul {  list-style: none;}
.footer-col ul li {  margin-bottom: 10px;}
.footer-col ul li a {
	color: #ddd;
	text-decoration: none;
	transition: color 0.3s;
}
.footer-col ul li a:hover { color: #e63946;}
.contact-info p {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 15px;
}
.contact-info i { color: #e63946; margin-top: 5px;}
.social-links { display: flex; gap: 15px;margin-top: 20px;}
.social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #ddd;
	background-color: rgba(255,255,255,0.1);
	border-radius: 50%;
	color: white;
	transition: all 0.3s;
}
.social-links a:hover { background-color: #e63946;transform: translateY(-3px); color:#fff}
.copyright {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid rgba(255,255,255,0.1);
	font-size: 0.9rem;
	color: #aaa;
}

/* Process Timeline */
.process-timeline { background-color: white; padding: 80px 0;}
.timeline {position: relative; max-width: 800px;  margin: 0 auto;}
.timeline::before {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: #e63946;
}
.timeline-item {  display: flex;margin-bottom: 50px; position: relative;}
.timeline-number {
	background-color: #e63946;
	color: white;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 30px;
	flex-shrink: 0;
	z-index: 2;
}

.timeline-content {
	background-color: #f8f9fa;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	flex: 1;
}
.timeline-content h3 {color: #1a365d;margin-bottom: 15px;}
.timeline-content ul {list-style: none;margin-top: 15px;}
.timeline-content ul li {padding: 5px 0; padding-left: 20px;position: relative;}
.timeline-content ul li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #e63946;
	font-weight: bold;
}
.process-info {
	background-color: #1a365d;
	color: white;
	padding: 60px 0;
}
.info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	text-align: center;
}
.info-card {
	background-color: rgba(255,255,255,0.1);
	padding: 30px;
	border-radius: 10px;
	backdrop-filter: blur(10px);
}
.info-card i { font-size: 3rem;color: #e63946;margin-bottom: 15px;}
.info-card h3 { color: white;  margin-bottom: 10px;}
.info-card p {font-size: 2rem; font-weight: bold;margin-bottom: 10px;}

/* Pricing Page */
.pricing-page {background-color: white;padding: 80px 0; padding-bottom: 30px}
.pricing-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin-bottom: 60px;
}
.pricing-card {
	background-color: #f8f9fa;
	border-radius: 15px;
	padding: 40px 30px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: transform 0.3s;
	position: relative;
}
.pricing-card:hover {transform: translateY(-10px);}
.pricing-card.featured { border: 3px solid #e63946; transform: scale(1.05);}
.popular-badge {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #e63946;
	color: white;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: bold;
}

.pricing-header {margin-bottom: 30px;}
.pricing-header h3 { font-size: 1.5rem;margin-bottom: 15px;}
.price {
	font-size: 3rem;
	font-weight: bold;
	color: #1a365d;
}
.price span {font-size: 1rem; color: #666;}
.pricing-features {
	list-style: none;
	margin: 30px 0;
	text-align: left;
}
.pricing-features li {
	padding: 10px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
.pricing-features li i.fa-check {color: #28a745;}
.pricing-features li i.fa-times { color: #dc3545;}
.additional-services {background-color: #f8f9fa; padding: 60px 0;}
.additional-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(333px, 1fr));
	gap: 30px;
}
.additional-card {
	background-color: white;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.additional-card h3 {margin-bottom: 15px;}
.additional-card .price { font-size: 2rem; margin-bottom: 15px;}
.payment-info {background-color: white;padding: 60px 0;}
.payment-methods {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	text-align: center;
}
.payment-method { padding: 30px;}
.payment-method i {font-size: 3rem; color: #e63946; margin-bottom: 15px;}

/* Contact Page */
.contact-page {background-color: white;padding: 80px 0;}
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}
.contact-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #f8f9fa;
	border-radius: 10px;
	align-items: center;
}
.contact-icon {
	background-color: #e63946;
	color: white;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.contact-details h3 {  margin-bottom: 5px;}
.contact-details small {color: #666; font-size: 0.9rem;}
.contact-details p {margin-bottom: 0;padding-bottom: 0}
.social-contact { margin-top: 40px;}
.contact-form {background-color: #f8f9fa;padding: 40px;border-radius: 15px;}
.form-group { margin-bottom: 20px;}
.form-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #333;
}
.form-group input,
.form-group select,
.form-group textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 1rem;
}
.form-group textarea { resize: vertical;}
.btn-full { width: 100%;}
.map-section { background-color: #f8f9fa;padding: 60px 0;}
.faq-section { background-color: white;padding: 60px 0;}
.faq-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}
.faq-item {background-color: #f8f9fa; padding: 30px;border-radius: 10px;}
.faq-item h3 {color: #1a365d;margin-bottom: 15px;}


/* Responsive */
@media (min-width: 992px) and (max-width: 1250px) {	
	header .logo {width:100%; padding: 1rem;margin: 0;} 
	nav {margin-right: 1rem;}
	nav .menu-top-contact {display: block;text-align: right;margin:0 padding:0;margin-bottom: 1.5rem} 
	nav .menu-top-contact a:first-child {font-size: 1.5rem;margin-right: 4rem}
	nav .menu-top-contact a:last-child {
		background: #a33;
		padding:.5rem 1rem;
		border-radius:8px;
	}
	header .hizli-ulas {display: none}
	.hero   { margin-top: 139px; padding-top: 4rem;padding-bottom: 4rem}
	.hero h1 {font-size: 2rem;line-height: 2.5rem}  
	.hero h3 {margin-bottom: 1.5rem;margin-top: 1rem}  
	.page-header { margin-top: 139px; }
	.page-header h1 { font-size: 2rem }
}

/* Responsive */
@media (max-width: 991px) {
	html {font-size: 14px}
	.btn {padding: 8px 18px;}
	section {padding: 30px 0;}
	.section-title h2 {font-size: 1.8rem}
	.mobile-menu {  display: block; padding:.5rem 1rem }  
	header {padding: 0;  } 
	.header-container {
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		padding: 0;
	}
	header .logo-link {width: 100%}
	header .logo {width:100%;background: #c00;padding: 1rem;margin: 0;} 
	header .logo-text {width:100% ;justify-content: center;font-size: 1.5rem;flex-direction: column;
		margin-bottom: 0;padding-bottom: 0} 
		header .hidden-logo-img {display: block;width: 100px;margin-bottom: .5rem}
		header .logo-img {display: none;}
		header .hizli-ulas {     display: none; }
		.mobil-header-map-btn,.mobil-header-tel {
			display: block;
			font-size: 1rem;
			font-weight:bold;
			color:#fff;
			text-decoration: none;
			margin: 0;
			padding: .5rem 1rem;
		}    
		.mobil-header-tel { font-size: 1.3rem; }    
		header img {width: 60px} 
		nav {
			position: fixed;
			top: 145px;
			left: -100%;
			width: 80%;
			height: calc(100vh - 80px);
			background-color: white;
			transition: all 0.3s;
			box-shadow: 2px 0 10px rgba(0,0,0,0.1);
		}    
		nav.active { left: 0; }    
		nav ul {   flex-direction: column; padding: 20px;}    
		nav ul li { margin: 5px 0;}    
		nav ul li a{border-left: 2px solid #933; color:#000;background: #f8f8f8;padding: 1rem;display: block;}  
		nav ul li a:hover,
		nav ul li a.active {background: #d33; color:#fff;}
		.hero   { margin-top: 145px; padding-top: 3rem;padding-bottom: 3rem}
		.hero h1 {font-size: 1.7rem;margin:0; line-height: 2.2rem}  
		.hero h3 {margin-bottom: 1.5rem;margin-top: 1.5rem}  

		.page-header { margin-top: 145px; }
		.page-header h1 { font-size: 1.8rem }
		.service-detail-card {
			grid-template-columns: 1fr;  gap: 30px;
		}   
		.why-us  .features {   grid-template-columns: repeat(2, minmax(40%, 1fr)); }
		.service-detail-card:nth-child(even) .service-detail-content,
		.service-detail-card:nth-child(even) .service-detail-image {order: unset;}
		.hero-buttons { align-items: center;}
		.timeline::before {left: 25px;}    
		.timeline-number {   width: 50px; height: 50px;margin-right: 20px;}
		.pricing-page {padding-top: 2rem;padding-bottom: 0}
		.pricing-card.featured {  transform: none; }    
		.contact-grid {  grid-template-columns: 1fr;}    
		.pricing-cards {   grid-template-columns: 1fr;}
		.pricing-card-slide h3 {font-size: 1.3rem!important}
		.additional-services {padding-top: 1rem!important}
		.guarantee-info {padding-top: 0!important}
		.contact-page {padding-top: 2rem}

	}


	/* Fiyatlar Bölümü */
	.pricing-section { background-color: #f8f9fa;padding: 60px 0;overflow: hidden;}
	.pricing-slider {position: relative;padding: 20px 0; overflow: hidden;}
	.pricing-cards-slider {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1%;
		transition: transform 0.5s ease-in-out; 
	}
	.pricing-card-slide {
		background-color: white;
		border-radius: 10px;
		padding: 30px;
		text-align: center;
		box-shadow: 0 5px 15px rgba(0,0,0,0.08);
		width:24%;  
		transition: transform 0.3s, box-shadow 0.3s;
		
		margin-bottom: 2rem;
	}
	.pricing-card-slide:hover { transform: translateY(-5px);
		box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	}
	.pricing-card-slide h3 {
		font-size: 1.2rem;
		margin-bottom: 20px;
		color: #1a365d;
		min-height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.4;
	}
	.pricing-card-slide .price {
		font-size: 2.5rem;
		font-weight: bold;
		color: #e63946;
		margin-bottom: 25px;
	}

	.pricing-card-slide .btn { width: 100%; padding: 10px 15px;font-size: 0.9rem;}
	.slider-controls {
		display: flex;
		justify-content: center;
		gap: 15px;
		margin-top: 30px;
	}
	.slider-btn {
		background-color: #fff;
		color:#1a365d;
		border: none;
		font-weight: bold;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.3s;
		z-index: 10;
		font-size: 1.5rem;
	}
	.slider-btn:hover:not(:disabled) {background-color: #e63946; transform: scale(1.1);}
	.slider-btn:disabled {background-color: #ccc; cursor: not-allowed; transform: none;}

	/* Responsive */
	@media (max-width: 768px) {
		.pricing-cards-slider {

			gap: 1%;

		}
		.pricing-card-slide {

			padding: 1rem;
			width:49.5%;  

			margin-bottom: 1rem;
		}

		.pricing-card-slide .price {  font-size: 1.5rem;   }
		.pricing-card-slide h3 {  font-size: 1.5rem;   }
	}



	/* Accordion Stilleri */
	.service-details-accordion {background-color: #f8f9fa; padding: 60px 0;}
	.accordion {max-width: 900px;margin: 0 auto;}
	.accordion-item {
		background: white;
		border-radius: 10px;
		margin-bottom: 15px;
		box-shadow: 0 3px 10px rgba(0,0,0,0.08);
		overflow: hidden;
	}
	.accordion-header {
		padding: 20px 25px;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #1a365d;
		color: white;
		transition: background-color 0.3s;
	}
	.accordion-header:hover {background-color: #0f2547;}
	.accordion-header h3 { margin: 0; color: white; font-size: 1.2rem;}
	.accordion-header i {transition: transform 0.3s;}
	.accordion-item.active .accordion-header i {transform: rotate(180deg);}
	.accordion-content {
		padding: 0;
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	.accordion-item.active .accordion-content { padding: 25px; max-height: 1000px;}
	.accordion-content ul {list-style: none;padding: 0; margin: 0;}
	.accordion-content ul li {
		padding: 8px 0;
		padding-left: 25px;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}
	.accordion-content ul li:last-child {   border-bottom: none;}
	.accordion-content ul li::before {
		content: '✓';
		position: absolute;
		left: 0;
		color: #e63946;
		font-weight: bold;
	}

	/* Garanti Bilgileri */
	.guarantee-info {background-color: white; padding: 60px 0;}
	.guarantee-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 30px;
	}
	.guarantee-card {
		text-align: center;
		padding: 30px 20px;
		background-color: #f8f9fa;
		border-radius: 10px;
		transition: transform 0.3s;
	}
	.guarantee-card:hover {  transform: translateY(-5px);}
	.guarantee-card i {  font-size: 2.5rem; color: #e63946;margin-bottom: 15px;}
	.guarantee-card h3 { margin-bottom: 15px;color: #1a365d;}

	/* Responsive */
	@media (max-width: 768px) {
		.accordion-header { padding: 15px 20px;}
		.accordion-header h3 {    font-size: 1.1rem;}    
		.accordion-content { padding: 0 15px;}    
		.accordion-item.active .accordion-content { padding: 20px; }    
		.guarantee-grid { grid-template-columns: 1fr; }
	}


	/* CO2 Fiyat Stili */
	.co2-price {
		color: #e63946;
		font-weight: 600;
		font-size: 0.9rem;
		margin-top: 5px;
		padding: 5px 10px;
		background-color: #f8f9fa;
		border-radius: 5px;
		display: inline-block;
	}

	/* Pricing Butonları */
	.pricing-buttons { display: flex;flex-direction: column;gap: 10px;margin-top: 20px;}
	.btn-details {
		background-color: transparent;
		color: #1a365d;
		border: 2px solid #1a365d;
		padding: 10px 15px;
		border-radius: 5px;
		cursor: pointer;
		font-weight: 600;
		transition: all 0.3s;
	}
	.btn-details:hover {background-color: #1a365d; color: white;}

	/* Additional Cards Butonları */
	.additional-card .btn-details {
		width: 100%;
		margin-top: 15px;
		padding: 8px 15px;
		font-size: 0.9rem;
	}
	/* Modal Stilleri */
	.modal {
		display: none;
		position: fixed;
		z-index: 2000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		animation: fadeIn 0.3s;
	}
	.modal .modal-body {max-height: 70vh;overflow-y: auto;}
	.modal .modal-body::-webkit-scrollbar { width: 1px;}
	.modal .modal-body::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;}
	.modal .modal-body::-webkit-scrollbar-track {background: transparent;}
	/* Firefox için */
	.modal .modal-body { scrollbar-width: 1px;scrollbar-color: #ccc transparent;}
	@keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	.modal-content {
		background-color: white;
		margin: 5% auto;
		padding: 0;
		border-radius: 15px;
		width: 90%;
		max-width: 700px;
		position: relative;
		animation: slideIn 0.3s;
	}
	@keyframes slideIn {
		from { transform: translateY(-50px); opacity: 0; }
		to { transform: translateY(0); opacity: 1; }
	}
	.modal-header {
		background: linear-gradient(135deg, #1a365d, #e63946);
		color: white;
		padding: 20px 25px;
		border-radius: 15px 15px 0 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.modal-header h2 {margin: 0;color: white;font-size: 1.5rem;}
	.close-modal {font-size: 2rem;cursor: pointer;transition: color 0.3s;}
	.close-modal:hover { color: #ffcc00;}
	.modal-body {padding: 30px;}
	.service-details-content h3 {
		color: #1a365d;
		margin: 25px 0 15px 0;
		padding-bottom: 10px;
		border-bottom: 2px solid #e63946;
	}
	.service-details-content h3:first-child {margin-top: 0;}
	.service-details-content ul { list-style: none; padding: 0; margin: 0 0 20px 0;}
	.service-details-content ul li {
		padding: 8px 0;
		padding-left: 25px;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}
	.service-details-content ul li:last-child { border-bottom: none;}
	.service-details-content ul li::before {
		content: '✓';
		position: absolute;
		left: 0;
		color: #e63946;
		font-weight: bold;
	}
	.service-price-info {
		background-color: #f8f9fa;
		padding: 20px;
		border-radius: 10px;
		margin: 20px 0;
		text-align: center;
	}
	.service-price-main {
		font-size: 2rem;
		font-weight: bold;
		color: #1a365d;
		margin-bottom: 10px;
	}
	.service-price-co2 { font-size: 1.3rem;color: #e63946; font-weight: 600;}
	.service-note {
		background-color: #fff3cd;
		border: 1px solid #ffeaa7;
		border-radius: 5px;
		padding: 15px;
		margin: 20px 0;
		font-size: 0.9rem;
		color: #856404;
	}
	.service-note.warning { background-color: #f8d7da;border-color: #f5c6cb;color: #721c24;}
	/* Responsive */
	@media (max-width: 768px) {
		.pricing-buttons { flex-direction: column;}    
		.modal-content {  width: 95%;margin: 10% auto;}
		.modal-header {padding: 15px 20px; }
		.modal-header h2 {font-size: 1.3rem;}    
		.modal-body { padding: 20px;}    
		.service-price-main { font-size: 1.5rem;}    
		.service-price-co2 { font-size: 1.1rem;}
	}
	.filo {
		display:flex;
		justify-content:space-between;
		align-items: center; 
		width:100%;
		margin-top:3rem;
		background: #fff; 
		padding:2rem;
		box-shadow: 0 0 1rem #ddd
	}
	.filo h2 {margin: 0;}
	.filo i { color:#dd3333aa;font-size:1.3rem;font-weight: bold;}
	.filo p {color:#1a365d; font-size:2rem; font-weight: bold;  }
	/* Anasayfa Ekspertiz Aşamaları */
	.expertise-steps {background-color: white; padding: 60px 0;}
	.steps-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 30px;margin-bottom: 40px;
	}
	.step-card {
		background-color: #f8f9fa;
		border-radius: 15px;
		padding: 30px;
		text-align: center;
		transition: transform 0.3s, box-shadow 0.3s;
		box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	}
	.step-card:hover {   transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15);}
	.step-icon {
		font-size: 3rem;
		color: #e63946;
		margin-bottom: 20px;
		background-color: white;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 20px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	}
	.step-card h3 {  color: #1a365d; margin-bottom: 15px; font-size: 1.3rem;}
	/* Detaylı Ekspertiz Sayfası */
	.detailed-expertise-steps {background-color: #f8f9fa;padding: 60px 0;}
	.expertise-step-card {
		background-color: white;
		border-radius: 15px;
		padding: 40px;
		margin-bottom: 40px;
		box-shadow: 0 10px 30px rgba(0,0,0,0.1);
		display: flex;
		gap: 30px;
		align-items: flex-start;
	}
	.expertise-step-card .step-image {
		flex-shrink: 0;
		width: 120px;
		height: 120px;
		background: linear-gradient(135deg, #1a365d, #e63946);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 3rem;
	}
	.expertise-step-card .step-content {flex: 1;}
	.expertise-step-card h3 { color: #1a365d;margin-bottom: 15px;font-size: 1.8rem;}
	.expertise-step-card p {font-size: 1.1rem; line-height: 1.7; 
		margin-bottom: 25px;color: #555;
	}
	.control-points { background-color: #f8f9fa;padding: 25px;
		border-radius: 10px; border-left: 4px solid #e63946;
	}
	.control-points h4 { color: #1a365d; margin-bottom: 15px;font-size: 1.2rem;}
	.control-points ul {
		list-style: none;
		padding: 0;
		margin: 0;
		columns: 2;
		column-gap: 30px;
	}
	.control-points ul li {
		padding: 8px 0;
		padding-left: 25px;
		position: relative;
		break-inside: avoid;
		border-bottom: 1px solid #e9ecef;
	}
	.control-points ul li:last-child {border-bottom: none;}
	.control-points ul li::before {
		content: '✓';
		position: absolute;
		left: 0;
		color: #e63946;
		font-weight: bold;
		font-size: 1.1rem;
	}

	/* Diğer Testler Grid */
	.other-tests-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 25px;margin-top: 40px;
	}
	.test-card {
		background-color: white;
		border-radius: 10px;
		padding: 25px;
		text-align: center;
		box-shadow: 0 5px 15px rgba(0,0,0,0.08);
		transition: transform 0.3s, box-shadow 0.3s;
	}

	.test-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
	.test-icon {
		font-size: 2.5rem;
		color: #e63946;
		margin-bottom: 15px;
		background-color: #f8f9fa;
		width: 70px;
		height: 70px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 15px;
	}
	.test-card h4 { color: #1a365d; margin-bottom: 10px;font-size: 1.2rem;}
	.test-card p {  color: #666; line-height: 1.6;font-size: 0.95rem;}

	/* Responsive */
	@media (max-width: 768px) {
		.expertise-step-card { flex-direction: column; text-align: center; padding: 25px;}    
		.expertise-step-card .step-image {margin: 0 auto 20px; }    
		.control-points ul {columns: 1; }    
		.steps-grid {grid-template-columns: 1fr; }    
		.other-tests-grid {   grid-template-columns: 1fr;  }    
		.test-card { padding: 20px;   }
	}

	@media (max-width: 480px) {
		.expertise-step-card { padding: 20px; }    
		.expertise-step-card .step-image { width: 100px; height: 100px;font-size: 2.5rem;}    
		.expertise-step-card h3 {font-size: 1.5rem; }
	}


	/* Detaylı Ekspertiz Sayfası */
	.detailed-expertise-steps {background-color: #f8f9fa;padding: 60px 0;}
	.expertise-steps-grid { display: flex; flex-direction: column;gap: 30px;}
	.expertise-step-card {
		background-color: white;
		border-radius: 15px;
		padding: 40px;
		box-shadow: 0 10px 30px rgba(0,0,0,0.1);
		display: flex;
		gap: 30px;
		align-items: flex-start;
		transition: transform 0.3s, box-shadow 0.3s;
	}
	.expertise-step-card:hover {transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);}
	.expertise-step-card .step-image {
		flex-shrink: 0;
		width: 120px;
		height: 120px;
		background: linear-gradient(135deg, #1a365d, #e63946);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 3rem;
	}
	.expertise-step-card .step-content { flex: 1;}
	.expertise-step-card h3 {
		color: #1a365d;
		margin-bottom: 15px;
		font-size: 1.8rem;
		border-bottom: 3px solid #e63946;
		padding-bottom: 10px;
	}
	.expertise-step-card p {
		font-size: 1.1rem;
		line-height: 1.7;
		margin-bottom: 25px;
		color: #555;
	}
	.control-points {
		background-color: #f8f9fa;
		padding: 25px;
		border-radius: 10px;
		border-left: 4px solid #e63946;
	}
	.control-points h4 {
		color: #1a365d;
		margin-bottom: 15px;
		font-size: 1.2rem;
	}
	.control-points ul {
		list-style: none;
		padding: 0;
		margin: 0;
		columns: 2;
		column-gap: 30px;
	}
	.control-points ul li {
		padding: 8px 0;
		padding-left: 25px;
		position: relative;
		break-inside: avoid;
		border-bottom: 1px solid #e9ecef;
	}
	.control-points ul li:last-child { border-bottom: none;}
	.control-points ul li::before {
		content: '✓';
		position: absolute;
		left: 0;
		color: #e63946;
		font-weight: bold;
		font-size: 1.1rem;
	}

	/* Responsive */
	@media (max-width: 768px) {
		.expertise-step-card {flex-direction: column;text-align: center;  padding: 25px;}    
		.expertise-step-card .step-image {
			margin: 0 auto 20px;
			width: 100px;
			height: 100px;
			font-size: 2.5rem;
		}    
		.control-points ul {columns: 1;  }    
		.expertise-step-card h3 { font-size: 1.5rem;}
	}

	@media (max-width: 480px) {
		.expertise-step-card {padding: 20px;}    
		.expertise-step-card .step-image {width: 80px; height: 80px;font-size: 2rem;}    
		.expertise-step-card h3 { font-size: 1.3rem; }    
		.control-points { padding: 15px;}
	}


	/* Hizmet Detayları Geliştirmeleri */
	.service-features {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		margin: 25px 0;
	}
	.feature-column h4 {
		color: #1a365d;
		margin-bottom: 15px;
		font-size: 1.1rem;
		border-bottom: 2px solid #e63946;
		padding-bottom: 5px;
	}
	.feature-column ul { list-style: none;padding: 0;margin: 0;}
	.feature-column ul li {
		padding: 8px 0;
		padding-left: 25px;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}
	.feature-column ul li:last-child {border-bottom: none;}
	.feature-column ul li::before {
		content: '✓';
		position: absolute;
		left: 0;
		color: #e63946;
		font-weight: bold;
	}

	/* Ek Hizmetler Grid */
	.additional-services {background-color: #f8f9fa; padding: 60px 0;}
	.additional-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 30px;
	}
	.additional-card {
		background-color: white;
		padding: 30px;
		border-radius: 15px;
		text-align: center;
		box-shadow: 0 5px 15px rgba(0,0,0,0.08);
		transition: transform 0.3s;
	}
	.additional-card:hover {transform: translateY(-5px);}
	.additional-icon {font-size: 2.5rem;color: #e63946;margin-bottom: 15px;}
	.additional-card h3 { color: #1a365d; margin-bottom: 15px;}
	.additional-card p { color: #666; margin-bottom: 20px; line-height: 1.6;}
	.additional-card .price {font-size: 1.5rem;  font-weight: bold;color: #e63946; margin-bottom: 20px;}
	.btn-secondary {
		display: inline-block;
		background-color: #1a365d;
		color: white;
		padding: 10px 20px;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 600;
		transition: all 0.3s;
	}
	.btn-secondary:hover {
		background-color: #0f2547;
		transform: translateY(-2px);
	}
	/* Süreç ve Garanti */
	.process-guarantee {background-color: white;padding: 60px 0;}
	.guarantee-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 30px;
	}
	.guarantee-card {text-align: center;  padding: 30px 20px;}
	.guarantee-card i { font-size: 2.5rem; color: #e63946;margin-bottom: 15px;}
	.guarantee-card h3 {   color: #1a365d; margin-bottom: 15px;}

	/* Ekspertiz Özet */
	.expertise-summary { background-color: #1a365d; color: white;  padding: 60px 0;}
	.expertise-summary .section-title h2 {color: white;}
	.summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 30px;    margin-bottom: 40px;
	}
	.summary-item {text-align: center;  padding: 20px;}
	.summary-number {
		background-color: #e63946;
		color: white;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5rem;
		font-weight: bold;
		margin: 0 auto 15px;
	}
	.summary-item h4 { color: white;margin-bottom: 10px;}
	.summary-item p {color: #ddd;  font-size: 0.9rem;}

	/* Responsive */
	@media (max-width: 768px) {
		.service-features {grid-template-columns: 1fr;gap: 20px; }    
		.additional-grid {grid-template-columns: 1fr; }    
		.summary-grid { grid-template-columns: repeat(2, 1fr); }


		.filo {   gap:1rem; flex-wrap: wrap;  }





	}
	@media (max-width: 480px) {
		.summary-grid {grid-template-columns: 1fr;}    
		.additional-card {padding: 20px; }
	}

	/* WhatsApp Butonu */
	.whatsapp-float {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 25px;
		right: 25px;
		background-color: #25d366;
		color: white;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		animation: pulse 2s infinite;
		text-decoration: none;
	}

	.whatsapp-float:hover {
		background-color: #128C7E;
		transform: scale(1.1);
		box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5);
	}

	.whatsapp-float i {
		margin: 0;
	}

	.whatsapp-text {
		position: fixed;
		bottom: 90px;
		right: 25px;
		background: #25d366;
		color: white;
		padding: 8px 15px;
		border-radius: 20px;
		font-size: 14px;
		font-weight: 600;
		box-shadow: 0 3px 15px rgba(0,0,0,0.2);
		z-index: 999;
		opacity: 0;
		transform: translateY(10px);
		transition: all 0.3s ease;
		pointer-events: none;
		white-space: nowrap;
	}

	.whatsapp-float:hover + .whatsapp-text {
		opacity: 1;
		transform: translateY(0);
	}

	@keyframes pulse {
		0% {
			box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
		}
		50% {
			box-shadow: 0 4px 25px rgba(37, 211, 102, 0.6);
		}
		100% {
			box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
		}
	}

	/* Mobile için daha küçük buton */
	@media (max-width: 768px) {
		.whatsapp-float {
			width: 55px;
			height: 55px;
			bottom: 20px;
			right: 20px;
			font-size: 28px;
		}

		.whatsapp-text {
			bottom: 80px;
			right: 20px;
			font-size: 13px;
			padding: 6px 12px;
		}
	}

	/* Çok küçük ekranlar için */
	@media (max-width: 480px) {
		.whatsapp-float {
			width: 50px;
			height: 50px;
			bottom: 15px;
			right: 15px;
			font-size: 25px;
		}

		.whatsapp-text {
			bottom: 70px;
			right: 15px;
			font-size: 12px;
			padding: 5px 10px;
		}
	}

	.hizli-ulas a {
		display:block;
		margin-top:.5rem;
		color:#fff;
		background: #d33;
		padding: .5rem 1rem;
		text-decoration:none;
		border-radius:15px;
		font-size:.8rem;
	}
	.hizli-ulas  .header-tel {color: #fff;font-size:1.5rem }



 .iletisim .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 40px;
    height: 40px;
    background-color: #1a365d!important; 
    border-radius: 50%;
    color: #e63946;
    transition: all 0.3s;
}
.iletisim .social-links a i{ 
    color: #fff!important; 
}
.iletisim .social-links a:hover { background-color: #e63946;transform: translateY(-3px); color:#fff}

.iletisim .mesaj-sonuc {
    max-width: 700px;
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
}
.iletisim .mesaj-ok {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}
.iletisim .mesaj-hata {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}