/* ============================ GENEL STİLLER ============================ */* {  box-sizing: border-box;  margin: 0;  padding: 0;  font-family: 'Montserrat', sans-serif;}body {  background-color: #fff;  color: #111;  line-height: 1.6;  padding-top: 128px; /* sabit header boşluğu */}/* ============================ HEADER ============================ */.topbar {  background-color: #000;  padding: 20px 40px;  display: flex;  justify-content: flex-start;  align-items: center;  gap: 40px;  flex-wrap: wrap;  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 1000;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.logo-wrapper img {  height: 88px;  object-fit: contain;  display: block;}/* ============================ MENÜ ============================ */nav.main-menu {  flex: 1;  display: flex;  justify-content: center;}nav.main-menu ul {  display: flex;  gap: 25px;  list-style: none;}nav.main-menu ul li a {  color: #fff;  text-decoration: none;  font-weight: 600;  transition: color 0.3s ease;}nav.main-menu ul li a:hover {  color: #ff9600;}/* ============================ HERO ============================ */.hero {  background: linear-gradient(120deg, #ff9600, #000);  color: #fff;  padding: 80px 20px;  text-align: center;}.hero h1 {  font-size: 36px;  margin-bottom: 20px;}.hero p {  font-size: 18px;  margin-bottom: 30px;}.cta-button {  background-color: #fff;  color: #000;  padding: 12px 28px;  border-radius: 30px;  font-weight: bold;  text-decoration: none;  transition: all 0.3s ease;  display: inline-block;}.cta-button:hover {  background-color: #ff6600;  color: #fff;}/* ============================ HİZMETLER ============================ */.hizmetler-intro {  background: linear-gradient(to bottom, #f9f9f9, #fff);  padding: 60px 20px;}.hizmetler-grid {  display: flex;  flex-wrap: wrap;  gap: 40px;  align-items: center;  justify-content: center;  max-width: 1200px;  margin: 0 auto;}.intro-text {  flex: 1 1 500px;}.section-subtitle {  font-size: 14px;  text-transform: uppercase;  color: #ff9600;  font-weight: 600;  letter-spacing: 1px;  margin-bottom: 10px;  display: block;}.intro-text h1 {  font-size: 36px;  color: #111;  margin-bottom: 20px;  position: relative;}.intro-text h1::after {  content: '';  width: 60px;  height: 4px;  background: #ff9600;  display: block;  margin-top: 10px;  border-radius: 2px;}.intro-text p {  font-size: 18px;  line-height: 1.8;  color: #444;  margin-bottom: 15px;}.check-list {  list-style: none;  padding: 0;  margin-top: 20px;}.check-list li {  font-size: 16px;  color: #333;  margin-bottom: 10px;}.check-list li i {  color: #28a745;  margin-right: 8px;}.intro-visual img {  max-width: 420px;  width: 100%;  border-radius: 12px;}/* ============================ UZMANLIK ALANLARI ============================ */.services-section {  background-color: #f9f9f9;  padding: 60px 20px;  text-align: center;}.section-title {  font-size: 28px;  margin-bottom: 40px;  position: relative;  display: inline-block;}.section-title::after {  content: "";  display: block;  width: 60px;  height: 3px;  background-color: #ff9600;  margin: 10px auto 0;}.service-grid {  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 30px;}.service-item {  background-color: #fff;  padding: 30px;  border-radius: 12px;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);  width: 300px;  transition: transform 0.3s, box-shadow 0.3s;}.service-item:hover {  transform: translateY(-5px);  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}.icon-circle {  width: 220px;  height: 220px;  background-color: #fff;  border: 2px solid #ff9600;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto 20px;  overflow: hidden;}.icon-circle img {  width: 100%;  max-width: 168px;  height: auto;  display: block;}.service-item h3 {  font-size: 20px;  color: #111;  margin-bottom: 10px;}.service-item p {  font-size: 15px;  color: #555;}/* ============================ FOOTER ============================ */.site-footer {  background-color: #000;  color: #fff;  padding: 40px 20px;  font-size: 14px;}.footer-container {  display: flex;  justify-content: space-between;  flex-wrap: wrap;  gap: 30px;  max-width: 1200px;  margin: 0 auto;}.footer-left, .footer-right {  flex: 1 1 300px;}.footer-left h3, .footer-right h4 {  color: #ff9600;  font-size: 18px;  margin-bottom: 12px;}.site-footer a {  color: #ff9600;  text-decoration: none;}.site-footer a:hover {  text-decoration: underline;}.footer-bottom {  text-align: center;  margin-top: 30px;  border-top: 1px solid #333;  padding-top: 20px;  font-size: 13px;  color: #aaa;}/* ============================ SOSYAL MEDYA ============================ */.social-icons {  display: flex;  gap: 15px;  justify-content: flex-start;  align-items: center;  margin: 10px 0;}.social-icons img {  width: 28px;  height: 28px;  transition: opacity 0.3s;}.social-icons img:hover {  opacity: 0.75;}/* ============================ MOBİL UYUMLULUK ============================ */@media screen and (max-width: 768px) {  .topbar {    flex-direction: column;    align-items: center;    gap: 15px;    text-align: center;  }  nav.main-menu ul {    flex-direction: column;    gap: 15px;  }  .hero h1 {    font-size: 28px;  }  .hero p {    font-size: 16px;  }  .logo-wrapper img {    height: 42px;  }  .service-grid {    flex-direction: column;    align-items: center;  }  .service-item {    width: 90%;  }  .hizmetler-grid {    flex-direction: column;    text-align: center;  }  .intro-text {    text-align: center;  }  .social-icons {    justify-content: center;  }}/* ============================ WHATSAPP SABİT BUTON ============================ */.whatsapp-float {  position: fixed;  width: 60px;  height: 60px;  bottom: 20px;  right: 20px;  background-color: #25D366;  color: white;  border-radius: 50px;  font-size: 30px;  z-index: 9999;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);  transition: background-color 0.3s;}.whatsapp-float:hover {  background-color: #1ebe57;}.whatsapp-float i {  margin: auto;}