.site-footer {  line-height: 1.4;  background-color: var(--footer-bg);  color: var(--footer-text-color);  padding-top: 70px;  border-top: 1px solid var(--footer-border-color);  font-size: 15px;}.site-footer .container {  margin: 0 auto;  padding: 0 20px;}/* --- Sütun Yapısı --- */.footer-main {  display: flex;  flex-wrap: wrap;  gap: 40px;  padding-bottom: 50px;}.footer-col {  flex: 1;  min-width: 220px;}/* --- Sütun İçerikleri --- */.footer-logo {  display: inline-block;  font-size: 28px;  font-weight: 700;  color: #903632;  text-decoration: none;  margin-bottom: 10px;  font-family: serif;}.footer-logo img {  width: auto;}.footer-tagline {  font-size: 14px;  margin-bottom: 25px;}.footer-col h4 {  font-size: 16px;  font-weight: 700;  color: #903632;  text-transform: uppercase;  margin-bottom: 20px;  letter-spacing: 0.5px;  margin-top: 0px;}.location-block {  margin-bottom: 25px;}.location-block:last-child {  margin-bottom: 0;}.location-block p {  margin: 0;  font-size: 14px;}.footer-col-menu ul {  list-style: none;  padding: 0;  margin: 0;}.footer-col-menu ul li {  margin-bottom: 12px;}.footer-col-menu ul a {  color: var(--footer-text-color);  text-decoration: none;  transition:    color 0.3s ease,    padding-left 0.3s ease;}.footer-col-menu ul a:hover {  color: var(--footer-link-hover-color);  padding-left: 5px;}/* ========================================== *//*     GÜNCELLENMİŞ SOSYAL MEDYA İKONLARI       *//* ========================================== */.social-icons {  list-style: none;  padding: 0;  margin: 0;  display: flex;  gap: 15px;}.social-icons a {  display: flex;  align-items: center;  justify-content: center;  width: 38px; /* Boyutu biraz büyüttüm */  height: 38px;  border: 1px solid var(--footer-border-color);  border-radius: 50%;  text-decoration: none;  transition: all 0.3s ease;}/* SVG İkonların Kendisi İçin Stil */.social-icons a svg {  width: 18px; /* İkonun iç boyutu */  height: 18px;  fill: var(--footer-text-color); /* SVG rengi 'fill' ile verilir */  transition: fill 0.3s ease;}/* Hover Efekti */.social-icons a:hover {  background-color: var(--footer-link-hover-color);  border-color: var(--footer-link-hover-color);  transform: translateY(-3px);}/* Hover durumunda SVG'nin rengini değiştir */.social-icons a:hover svg {  fill: #903733; /* Arka plan renklenince ikon beyaz olur */}/* --- Footer Alt Kısım (Copyright) --- */.footer-bottom {  border-top: 1px solid var(--footer-border-color);  padding: 25px 0;  text-align: center;}.footer-bottom p {  margin: 0;  font-size: 14px;  color: #888;}.footer-bottom a {  margin-left: 15px;  color: var(--footer-text-color);  border-left: 1px solid #ccc;  padding-left: 15px;}/* --- Mobil Uyum (Değişiklik Yok) --- */@media (max-width: 992px) {  .footer-col {    flex-basis: calc(50% - 20px);  }}@media (max-width: 768px) {  .footer-main {    flex-direction: column;    gap: 35px;  }  .site-footer {    text-align: center;  }  .social-icons {    justify-content: center;  }  .footer-col-menu ul a:hover {    padding-left: 0;  }}.sub-title {  color: var(--primary2);  font-weight: 700;  text-transform: uppercase;  font-size: 13px;  letter-spacing: 2px;  display: block;  margin-bottom: 10px;}.section-title {  font-size: 38px;  font-weight: 800;  line-height: 1.1;  margin-bottom: 20px;  color: var(--dark);}.text-light {  color: var(--text-gray);}.footer_logo {  width: auto;  height: 80px;}/* =========================================           4. SERVICES SLIDER CSS (Hizmetler)           ========================================= */.services-section {  overflow: hidden;  padding-bottom: 100px;  background: #fff;  position: relative;}.services-header {  display: flex;  justify-content: space-between;  align-items: end;  margin-bottom: 50px;}.services-viewport {  margin-left: calc((100% - var(--container-width)) / 2 + 20px);  /* Container hizalı başlama */  width: 100%;  overflow-x: auto;  scroll-behavior: smooth;  padding-bottom: 20px;  -ms-overflow-style: none;  scrollbar-width: none;  /* Scrollbar gizle */}.services-viewport::-webkit-scrollbar {  display: none;}.services-track {  display: flex;  gap: 20px;  width: max-content;}.service-card {  width: 350px;  height: 450px;  position: relative;  overflow: hidden;  flex-shrink: 0;  transition: 0.3s;}.service-card .detay svg {  width: 12px;  height: 12px;}.service-bg {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  transition: 0.6s;}.service-card:hover .service-bg {  transform: scale(1.1);}.service-overlay {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  padding: 30px;  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);  color: white;  transform: translateY(20px);  transition: 0.4s;}.service-card:hover .service-overlay {  transform: translateY(0);}.service-icon {  font-size: 40px;  color: var(--primary);  margin-bottom: 15px;  display: block;}/* Services Dots (Özel Tasarım) */.services-dots-wrapper {  display: flex;  justify-content: center;  margin-top: 40px;  gap: 10px;}.service-dot {  width: 10px;  height: 10px;  border-radius: 50%;  background: #ddd;  cursor: pointer;  transition: 0.3s;}.service-dot.active {  background: var(--primary);  transform: scale(1.3);}/* =========================================           5. MAIN CONTENT CSS (About, Process, Projects, Pricing)           ========================================= *//* About */.about-grid {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 80px;  align-items: center;}.about-img-box {  position: relative;}.about-img-box img {  border-radius: 4px;  width: 100%;  height: auto;}.exp-badge {  position: absolute;  bottom: 40px;  right: -40px;  background: var(--primary);  color: white;  padding: 40px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  text-align: center;  width: 220px;  height: 220px;  border-radius: 4px;}.exp-badge h3 {  font-size: 50px;  line-height: 1;  font-weight: 800;  margin-bottom: 5px;}.check-list li {  margin-bottom: 15px;  display: flex;  align-items: center;  gap: 10px;  font-weight: 500;}.check-list {  margin-top: 25px;}.check-list svg {  width: 16px;  height: 16px;  fill: var(--primary);}/* Process (Evaluation etc.) */.process-section {  position: relative;  height: 500px;  display: flex;  align-items: center;  margin-top: 100px;  color: white;  overflow: hidden;}.process-bg-layer {  position: absolute;  inset: 0;  background-size: cover;  background-position: center;  opacity: 0;  transition: opacity 0.6s ease-in-out;  z-index: 1;}.process-bg-layer.active {  opacity: 1;}.process-overlay {  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.573);  z-index: 2;}.process-container {  width: 100%;  position: relative;  z-index: 3;  display: flex;  width: 100%;  max-width: var(--container-width);  margin: 0 auto;}.process-step {  flex: 1;  padding: 40px 20px;  border-right: 1px solid rgba(255, 255, 255, 0.1);  cursor: pointer;  position: relative;  transition: 0.3s;  height: 500px;  display: flex;  flex-direction: column;  justify-content: center;}.process-step:last-child {  border-right: none;}.process-step:hover {  background: rgba(255, 94, 20, 0.1);}.step-number {  font-size: 60px;  font-weight: 800;  color: rgba(255, 255, 255, 0.2);  margin-bottom: 20px;  transition: 0.3s;}.process-step:hover .step-number {  color: #000;}.step-icon svg {  width: 60px;  height: 60px;  fill: rgb(255, 255, 255);  margin-bottom: 20px;  transition: 0.3s;}.step-title {  font-size: 24px;  font-weight: 700;  margin-bottom: 15px;  line-height: 1.3;}.step-desc {  max-height: 0;  opacity: 0;  overflow: hidden;  transition: all 0.5s ease;  font-size: 14px;  color: #ccc;  transform: translateY(20px);}.process-step:hover .step-desc {  max-height: 100px;  opacity: 1;  transform: translateY(0);}/* Projects (Sticky) */.projects-wrapper {  display: flex;  align-items: flex-start;  gap: 60px;  position: relative;}.projects-info {  width: 40%;  position: sticky;  top: 150px;  height: fit-content;}.projects-list {  width: 60%;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 30px;}.project-item {  height: 350px;  background-size: cover;  background-position: center;  position: relative;  border-radius: 4px;  overflow: hidden;}.project-item::after {  content: "";  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.3);  opacity: 0;  transition: 0.4s;}.project-item:hover::after {  opacity: 1;}.project-content {  position: absolute;  bottom: -50px;  left: 20px;  z-index: 2;  transition: 0.4s;  opacity: 0;}.project-item:hover .project-content {  bottom: 20px;  opacity: 1;}.project-cat {  color: var(--primary);  font-size: 12px;  font-weight: 700;  text-transform: uppercase;}.project-title {  color: white;  font-size: 20px;  font-weight: 700;}/* =========================================   COUNTER / STATISTICS CSS   ========================================= */.counter-grid {  display: grid;  grid-template-columns: repeat(4, 1fr);  /* 4'lü yan yana */  gap: 30px;  margin-top: 40px;}.counter-card {  background: #fff;  padding: 40px 20px;  border: 1px solid #eee;  text-align: center;  position: relative;  transition: 0.3s;  border-radius: 4px;}/* Hover Efekti */.counter-card:hover {  transform: translateY(-10px);  border-color: var(--primary);  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);}.counter-card:hover::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 4px;  background: var(--primary);}/* İkon Kutusu */.counter-card .icon-box {  width: 70px;  height: 70px;  background: #354cc50d;  /* Primary color transparan */  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto 20px auto;  color: var(--primary);  font-size: 28px;  transition: 0.3s;}.counter-card:hover .icon-box {  background: var(--primary);  color: #fff;}/* Sayı Stili */.counter-value {  font-size: 45px;  font-weight: 700;  color: var(--dark);  line-height: 1;  margin-bottom: 10px;  font-family: var(--font-main);  display: flex;  align-items: center;  justify-content: center;  gap: 5px;}/* Sonuncu karta % işareti eklemek için opsiyonel */.counter-card:last-child .counter-value::after {  content: "%";  font-size: 30px;  vertical-align: super;  color: var(--primary);}/* Diğerlerine + işareti eklemek için */.counter-card:not(:last-child) .counter-value::after {  content: "+";  font-size: 30px;  vertical-align: super;  color: var(--primary);}.counter-card h3 {  font-size: 15px;  font-weight: 700;  margin-bottom: 10px;  text-transform: uppercase;}.counter-desc {  font-size: 14px;  color: #777;  line-height: 1.5;}/* Responsive (Tablet ve Mobil) */@media (max-width: 992px) {  .counter-grid {    grid-template-columns: repeat(2, 1fr);    /* Tablette 2'li */    gap: 20px;  }}@media (max-width: 576px) {  .counter-grid {    grid-template-columns: repeat(2, 1fr);    /* Mobilde tekli */  }}/* =========================================   PRODUCTS SECTION CSS (Görseldeki Tasarım)   ========================================= */.products-section {  position: relative;  background: #fff;  overflow: hidden;  /* Taşan yazıları gizle */  margin-bottom: 100px;}/* Arka Plandaki Dev Silik Yazı (Watermark) */.watermark-text {  position: absolute;  top: 50px;  right: -50px;  font-size: 150px;  font-weight: 800;  color: transparent;  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.05);  /* Sadece çizgi rengi */  writing-mode: vertical-rl;  /* Yazıyı dik çevir */  text-orientation: mixed;  z-index: 0;  pointer-events: none;  /* Tıklamayı engelle */  font-family: var(--font-main);  letter-spacing: 10px;}.products-header {  position: relative;  z-index: 2;  margin-bottom: 50px;  text-align: center;}/* GRID YAPISI (4 Yan Yana) */.products-grid {  display: grid;  grid-template-columns: repeat(4, 1fr);  /* 4 Sütun */  gap: 30px;  position: relative;  z-index: 2;}/* KART TASARIMI */.product-card {  position: relative;  height: 500px;  /* Görseldeki gibi uzun kartlar */  border-radius: 4px;  overflow: hidden;  cursor: pointer;  group: hover;  /* Hover grubu */}/* Arka Plan Resmi */.product-bg {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  transition: transform 0.6s ease;  /* Yumuşak yakınlaşma */}/* Hover'da Resim Yakınlaşsın */.product-card:hover .product-bg {  transform: scale(1.1);}/* Karartma Overlay (Yazı okunması için alttan siyahlık) */.product-card::after {  content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 70%;  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);  z-index: 1;  pointer-events: none;}/* Sol Üst İkon */.product-icon {  position: absolute;  top: 30px;  left: 30px;  font-size: 32px;  color: #fff;  z-index: 3;}/* Alt İçerik Alanı */.product-content {  position: absolute;  bottom: 40px;  left: 30px;  z-index: 3;  width: calc(100% - 60px);}.product-content h3 {  color: #fff;  font-size: 24px;  font-weight: 700;  line-height: 1.2;  margin-bottom: 20px;}/* Link Butonu */.product-link {  display: inline-flex;  align-items: center;  color: #fff;  font-size: 13px;  font-weight: 700;  text-transform: uppercase;  text-decoration: none;  transition: 0.3s;}/* Linkin yanındaki yuvarlak ok ikonu */.product-link .product-link-icon {  width: 30px;  height: 30px;  background: #fff;  color: var(--dark);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  margin-left: 10px;  font-size: 12px;  transition: 0.3s;}.product-link svg {  width: 20px;  height: 20px;  fill: var(--dark);}/* Hover durumunda buton rengi değişsin */.product-card:hover .product-link {  color: var(--primary);}.product-card:hover .product-link .product-link-icon {  background: var(--primary);  color: #fff;  transform: translateX(5px);}.product-card:hover .product-link .product-link-icon svg {  fill: #fff;}/* RESPONSIVE (Mobil Ayarları) */@media (max-width: 1200px) {  .products-grid {    grid-template-columns: repeat(2, 1fr);    /* Tablette 2'li */  }  .watermark-text {    font-size: 100px;    /* Tablette yazıyı küçült */  }}@media (max-width: 768px) {  .products-grid {    grid-template-columns: 1fr;    /* Mobilde tek sütun */  }  .product-card {    height: 400px;    /* Mobilde boyu biraz kısalt */  }  .watermark-text {    display: none;    /* Mobilde arka plan yazısını gizle, kalabalık yapmasın */  }}.section-padding {  padding: 100px 0;}.sayac-bg {  background-size: cover;  background-position: center;  position: relative;}.sayac-bg::before {  content: "";  position: absolute;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  background: #01030c83;}.sayac-bg .section-title {  color: #fff;}.sayac-bg .text-light {  color: #fff;}/**/:root {  --primary-soft: #903632; /* Marka renginiz (Turuncu/Mavi vb.) */  --text-dark: #2c3e50; /* Koyu gri metin rengi */  --text-light: #7f8c8d; /* Açık gri açıklama rengi */  --bg-light: #fdfdfd; /* Çok açık arka plan */  --card-radius: 5px; /* Yumuşak köşeler */  --shadow-soft: 0 15px 35px rgba(0, 0, 0, 0.08); /* Yumuşak gölge */  --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}/* --- ANA BÖLÜM AYARLARI --- */#ind4-section {  position: relative;  width: 100%;  height: auto;  padding: 70px 0px;  overflow: hidden;  background-color: var(--bg-light);}/* --- ARKA PLAN (FLU & AYDINLIK) --- */.ind4-bg-wrapper {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 0;  pointer-events: none;}.ind4-bg-layer {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-size: cover;  background-position: center;  opacity: 0;  transform: scale(1.1); /* Hafif zoom efekti için */  transition:    opacity 1s ease,    transform 10s ease;}.ind4-bg-layer.active {  opacity: 1;  transform: scale(1);}/* Karanlık perde yerine BEYAZ, YARI ŞEFFAF perde */.ind4-overlay {  position: absolute;  inset: 0;  background: rgba(255, 255, 255, 0.85); /* %85 Beyazlık */  backdrop-filter: blur(5px); /* Arka planı hafif flu yap */}/* --- SLIDER KONTEYNER --- */.ind4-container {  position: relative;  z-index: 5;  height: 100%;  padding: 0 80px; /* Yanlardan boşluk */  display: flex;  align-items: center;}.ind4-slider-mask {  width: 100%;  height: auto; /* Kartlar dikeyde ortalansın diye */  overflow: hidden;  padding-top: 20px; /* Gölgelerin kesilmemesi için */  padding-bottom: 0px;}.ind4-track {  display: flex;  height: 100%;  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}/* --- KART TASARIMI (SÜTUN) --- */.ind4-col {  flex: 0 0 25%; /* Masaüstünde 4'lü */  max-width: 25%;  height: 100%;  padding: 15px; /* Kartlar arası boşluk */  box-sizing: border-box;  cursor: pointer;}.ind4-box {  background: #fff;  height: 100%;  border-radius: var(--card-radius);  padding: 40px 30px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); /* Normal duruşta hafif gölge */  border: 1px solid rgba(0, 0, 0, 0.03);  transition: var(--transition-smooth);  position: relative;  overflow: hidden;}.ind4-box:hover {  background: #283958;  height: 100%;  border-radius: var(--card-radius);  padding: 40px 30px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); /* Normal duruşta hafif gölge */  border: 1px solid rgba(0, 0, 0, 0.03);  transition: var(--transition-smooth);  position: relative;  overflow: hidden;}.ind4-box .ind4-box-bg {  width: 100%;  height: 100%;  position: absolute;  left: 0px;  top: 0px;  background-size: cover !important;  background-position: center !important;  opacity: 0;}.ind4-box:hover .ind4-box-bg {  opacity: 50%;}.ind4-box:hover .ind4-title {  color: #fff;}.ind4-box:hover .ind4-read-more {  color: #fff;}.ind4-box .ind4-content {  position: relative;  z-index: 2;}/* Hover Efekti: Kart yukarı kalkar ve gölge büyür */.ind4-col:hover .ind4-box {  transform: translateY(-10px);  box-shadow: var(--shadow-soft);}/* --- İÇERİK ELEMANLARI --- */.ind4-icon-wrapper {  width: 70px;  height: 70px;  margin-bottom: 25px;  background: #9037320d; /* İkon arkasına hafif renk */  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  color: var(--primary-soft);  transition: var(--transition-smooth);}.ind4-icon-wrapper svg {  width: 32px;  height: 32px;  fill: currentColor; /* SVG rengi CSS'ten gelsin */}/* Hoverda ikon rengi değişimi */.ind4-col:hover .ind4-icon-wrapper {  background: var(--primary-soft);  color: #fff;  transform: scale(1.1);}.ind4-title {  font-size: 20px;  font-weight: 700;  color: var(--text-dark);  margin-bottom: 15px;  letter-spacing: -0.5px;}.ind4-desc {  font-size: 15px;  line-height: 1.6;  color: var(--text-light);  opacity: 0.8;}/* --- BUTON GÖRÜNÜMÜ (İsteğe bağlı "İncele" butonu eklemek isterseniz) --- */.ind4-read-more {  margin-top: 20px;  font-size: 13px;  font-weight: 600;  color: var(--primary-soft);  text-transform: uppercase;  opacity: 0;  transform: translateY(10px);  transition: var(--transition-smooth);}.ind4-col:hover .ind4-read-more {  opacity: 1;  transform: translateY(0);}/* --- NAVİGASYON OKLARI (Soft Stil) --- */.ind4-nav-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 50px;  height: 50px;  background: #fff;  border-radius: 50%;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  color: var(--text-dark);  transition: all 0.3s ease;  border: 1px solid #f0f0f0;}.ind4-nav-btn:hover {  background: var(--primary-soft);  color: #fff;  box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3);}.ind4-prev {  left: 20px;}.ind4-next {  right: 20px;}/* --- RESPONSIVE AYARLAR --- */@media (max-width: 1024px) {  .ind4-col {    flex: 0 0 33.33%;    max-width: 33.33%;  }}@media (max-width: 768px) {  #ind4-section {    height: auto;    padding: 60px 0;  }  .ind4-container {    padding: 0 20px;  }  .ind4-col {    flex: 0 0 100%;    max-width: 100%;    padding: 10px 0;  }  .ind4-box {    padding: 30px;    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* Mobilde hep gölgeli */  }  .ind4-slider-mask {    height: auto;    overflow: visible;  }  /* Mobilde okları gizleyip sadece kaydırma veya alt alta dizilim yapabilirsiniz */  .ind4-nav-btn {    display: none;  }  /* Mobilde içerik hep görünür olsun */  .ind4-read-more {    opacity: 1;    transform: translateY(0);  }}/* --- GENEL BÖLÜM --- */.aest-section {  padding: 100px 0;  background-color: #f9f9f9;  /* Çok hafif gri fon, ürünler patlasın diye */  position: relative;  overflow: hidden;}/* --- BAŞLIK ALANI --- */.aest-header {  text-align: center;  margin-bottom: 60px;}.aest-subtitle {  display: block;  font-size: 14px;  letter-spacing: 2px;  text-transform: uppercase;  color: var(--primary, --primary2);  margin-bottom: 10px;  font-weight: 700;}.aest-main-title {  font-size: 36px;  font-weight: 800;  color: #333;  line-height: 1.2;}/* --- GRID (IZGARA) --- */.aest-grid {  display: grid;  /* 4 Sütunlu Yapı */  grid-template-columns: repeat(3, 1fr);  gap: 30px;}/* --- KART TASARIMI --- */.aest-card {  background: #fff;  border-radius: 20px;  padding: 30px 20px;  text-align: center;  position: relative;  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);  /* Yaylanma efekti */  border: 1px solid rgba(0, 0, 0, 0.05);  display: flex;  flex-direction: column;  justify-content: space-between;  align-items: center;}/* Hover Durumunda Kart */.aest-card:hover {  transform: translateY(-10px);  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);  border-color: transparent;}/* --- GÖRSEL ALANI --- */.aest-img-wrapper {  position: relative;  width: 100%;  height: 220px;  /* Görsel alanı yüksekliği */  display: flex;  justify-content: center;  align-items: center;  margin-bottom: 25px;}/* Arkadaki Dekoratif Leke (Blob) */.aest-decoration {  position: absolute;  width: 140px;  height: 140px;  background: #f0f0f0;  border-radius: 50%;  z-index: 1;  transition: all 0.5s ease;}/* Hover'da arkadaki daire büyüsün ve renk değiştirsin */.aest-card:hover .aest-decoration {  transform: scale(1.3);  background: #f5f6fc;  /* Hafif turuncu/tema rengi tonu */}/* Ürün Resmi (PNG) */.aest-product-img {  position: relative;  z-index: 2;  /* Dairenin üstünde */  max-width: 100%;  max-height: 100%;  object-fit: contain;  transition: all 0.5s ease;  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));  /* Resme gölge ver */}/* Hover'da resim büyüsün ve dönsün */.aest-card:hover .aest-product-img {  transform: scale(1.15) rotate(-5deg) translateY(-10px);  filter: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.2));}/* --- İÇERİK ALANI --- */.aest-info {  width: 100%;  position: relative;  z-index: 5;}.aest-title {  font-size: 18px;  font-weight: 700;  color: #222;  margin-bottom: 20px;  /* Uzun başlıkları kesmek isterseniz: */  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}/* --- BUTON TASARIMI --- */.aest-btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 10px;  text-decoration: none;  color: #666;  font-size: 14px;  font-weight: 600;  padding: 10px 20px;  border-radius: 30px;  background: #fff;  border: 1px solid #eee;  transition: all 0.3s ease;}.aest-icon-circle {  width: 24px;  height: 24px;  background: #f5f5f5;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  transition: 0.3s;}.aest-icon-circle svg {  transition: 0.3s;}/* Buton Hover */.aest-btn:hover {  background: #222;  color: #fff;  border-color: #222;}.aest-btn:hover .aest-icon-circle {  background: rgba(255, 255, 255, 0.2);}.aest-btn:hover .aest-icon-circle svg {  stroke: #fff;  transform: translateX(2px);  /* Ok sağa kaysın */}/* --- RESPONSIVE (Mobil Uyumluluk) --- *//* Tablet (2 Sütun) */@media (max-width: 992px) {  .aest-grid {    grid-template-columns: repeat(2, 1fr);    gap: 20px;  }}/* Mobil (1 Sütun) */@media (max-width: 576px) {  .aest-grid {    grid-template-columns: 1fr;  }  .aest-img-wrapper {    height: 290px;  }}@media (max-width: 1024px) {  #ind4-section {    display: none;  }  .counter-value {    font-size: 35px;  }  .counter-card {    padding: 20px 20px;  }  .aest-section {    padding: 60px 0;  }  .ind4-content {    margin-bottom: 0;  }  .about-img-box {    display: none;  }  .about-grid {    grid-template-columns: none;  }  .projects-list {    display: none;  }  .projects-info {    width: 100%;  }  .section-title {    font-size: 28px;  }  .section-padding {    padding: 70px 0;  }  header {    top: 0;  }  .ust_alan_menu {    display: none !important;  }}/**//* --- GENEL AYARLAR --- */.hakkimizda_yeni_section {  background-color: #283958; /* Ana Arka Plan: Lacivert */  padding: 80px 0;  overflow: hidden;  color: #fff;  position: relative;}.hakkimizda_yeni_container {  margin: 0 auto;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  padding: 0 20px;  gap: 50px;}/* --- SOL TARAFTAKİ KUTULAR (GRID YAPISI) --- */.hakkimizda_yeni_stats_wrapper {  display: grid;  grid-template-columns: 1.3fr 1fr;  gap: 0;  flex: 1;  min-width: 320px;  border-radius: 4px;  overflow: hidden; /* Kenarlıkların taşmaması için */}.hakkimizda_yeni_box {  padding: 50px 30px;  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  transition: all 0.4s ease;}/* --- BÜYÜK RESİMLİ KUTU ÖZELLEŞTİRMESİ --- */.box_large {  grid-row: span 3;  min-height: 380px;  /* Örnek bina resmi - Kendi resminizle değiştirebilirsiniz */  background-image: url("../images/bg.webp");  background-size: cover;  background-position: center;  overflow: hidden;  z-index: 1;}/* Resim üzerine gelen renkli filtre (Gradient) */.box_large::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 40%;  /* İstediğiniz Kırmızı (#903632) ve Lacivert (#283958) karışımı */  background: linear-gradient(    135deg,    rgba(40, 57, 88, 0.85) 0%,    rgba(144, 54, 50, 0.9) 100%  );  z-index: 1;  transition: opacity 0.4s ease;}/* Hover yapınca filtre biraz açılsın, resim daha netleşsin */.box_large:hover::before {  opacity: 0.85;}/* İçerik yazıları filtrenin üzerinde kalsın */.hakkimizda_yeni_inner_content {  position: relative;  z-index: 2;  text-align: center;}/* --- DİĞER KUTULAR --- */.hakkimizda_yeni_small_col {  display: flex;  flex-direction: column;}.box_white {  background-color: #ffffff;  border-bottom: 1px solid #eee;}.box_navy {  background-color: #202e4a; /* Ana rengin bir ton koyusu */  border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.box_gray {  background-color: #eef1f5; /* Çok açık gri */}/* --- YAZI VE RAKAM STİLLERİ --- */.hakkimizda_yeni_number {  font-size: 36px;  font-weight: 700;  line-height: 1;  margin-bottom: 2px;  display: block;  letter-spacing: -1px;}.hakkimizda_yeni_label {  font-size: 14px;  font-weight: 600;  text-transform: uppercase;  opacity: 0.8;}.dark_text {  color: #283958;}/* --- SAĞ TARAF İÇERİK --- */.hakkimizda_yeni_content {  flex: 1;  min-width: 300px;  position: relative;  padding-left: 20px;  z-index: 2;}/* Arka Plandaki Dev Silik Yazı */.hakkimizda_yeni_bg_text {  position: absolute;  top: -60px;  left: -20px;  font-size: 80px;  font-weight: 900;  color: transparent;  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);  z-index: -1;  pointer-events: none;  font-family: sans-serif;  opacity: 0.5;}.hakkimizda_yeni_title {  font-size: 2.5rem;  font-weight: 700;  margin-bottom: 15px;  line-height: 1.1;  color: #fff;}.hakkimizda_yeni_title b {  color: #903632; /* Kiremit Rengi */}/* Dekoratif Çizgi */.hakkimizda_yeni_line {  width: 60px;  height: 4px;  background-color: #903632; /* Kiremit Rengi */  margin-bottom: 25px;  border-radius: 2px;}.hakkimizda_yeni_desc {  font-size: 15px;  line-height: 1.5;  margin-bottom: 35px;  color: #d0d5dd;  font-weight: 400;}/* Buton Tasarımı */.hakkimizda_yeni_btn {  display: inline-block;  padding: 16px 40px;  background-color: #903632; /* Kiremit */  color: #fff;  text-decoration: none;  font-weight: 600;  text-transform: uppercase;  font-size: 14px;  border-radius: 50px; /* Yuvarlak hatlı modern buton */  transition: all 0.3s ease;}.hakkimizda_yeni_btn:hover {  background-color: #fff;  color: #903632;  transform: translateY(-3px); /* Yukarı hafif kalkma efekti */}.box_large .hakkimizda_yeni_number {  font-size: 60px;}.box_large .hakkimizda_yeni_label {  font-size: 14px;  font-weight: 600;}/* --- MOBİL UYUMLULUK --- */@media (max-width: 992px) {  .hakkimizda_yeni_container {    flex-direction: column;  }  .hakkimizda_yeni_content {    padding-left: 0;    text-align: center;  }  .hakkimizda_yeni_line {    margin: 0 auto 25px auto;  }  .hakkimizda_yeni_bg_text {    font-size: 60px;    left: 50%;    transform: translateX(-50%);    top: -30px;  }}@media (max-width: 600px) {  .hakkimizda_yeni_stats_wrapper {    grid-template-columns: 1fr;  }  .box_large {    min-height: 250px;  }  .hakkimizda_yeni_number {    font-size: 2.8rem;  }}/**//* --- GENEL AYARLAR VE DEĞİŞKENLER --- */:root {  --primary-color: #853c36; /* Endüstriyel Turuncu */  --dark-bg: #283958; /* Endüstriyel Turuncu */}.urun_full_width_wrapper {  width: 100%;  background: #283958;}.urun_full_width_wrapper .container {  grid-column: 1 / -1;  display: flex;  min-height: 400px;}.urun_fw_content {  flex: 1;  background-color: var(--dark-bg);  padding: 0px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;}.urun_fw_image {  flex: 1;  background-size: cover;  background-position: center;  min-height: 300px;}.text_white {  color: #fff !important;}.urun_fw_content .urun_item_desc {  color: rgba(255, 255, 255, 0.7);}/* --- HEADER ALANI (BAŞLIK) --- */.urun_header_wrapper {  position: relative;  padding: 80px 20px 40px;  background-color: #fff;  overflow: hidden; /* Taşmaları gizle */}.urun_header_container {  position: relative;  max-width: 780px;}.mx-auto {  margin-left: auto;  margin-right: auto;}/* Arka Plandaki Dev Yazı */.urun_header_bg_text {  position: absolute;  top: -60px;  left: 0;  font-size: 150px;  font-weight: 900;  color: transparent;  -webkit-text-stroke: 2px rgba(0, 0, 0, 0.05); /* Sadece kenar çizgisi */  z-index: 0;  pointer-events: none;  line-height: 1;}.urun_header_content {  display: flex;  justify-content: space-between;  align-items: flex-end;  position: relative;  z-index: 1;  flex-wrap: wrap;  gap: 20px;}.urun_header_text {  max-width: 600px;}.urun_header_title {  font-size: 40px;  font-weight: 700;  margin-bottom: 15px;  color: var(--dark-bg);  position: relative;  padding-left: 20px;}.urun_header_title::before {  content: "";  position: absolute;  left: 0;  top: 10px;  bottom: 10px;  width: 5px;  background-color: var(--primary-color);}.urun_header_desc {  color: var(--text-light);  font-size: 16px;}.urun_header_container.text-center {  text-align: center;}.urun_header_container.text-center .urun_header_title {  font-size: 40px;  font-weight: 700;  margin-bottom: 15px;  color: var(--dark-bg);  position: relative;  padding-left: 20px;  display: inline;}.urun_header_container.text-center .urun_header_text {  margin: 0px auto;  max-width: 100%;}/* Ok Butonları */.urun_header_arrows {  display: flex;  gap: 10px;}.arrow_btn {  width: 50px;  height: 50px;  border: 1px solid var(--border-color);  background: transparent;  font-size: 18px;  cursor: pointer;  transition: var(--transition);  display: flex;  align-items: center;  justify-content: center;  color: var(--text-color);}.arrow_btn:hover {  background-color: var(--dark-bg);  color: #fff;  border-color: var(--dark-bg);}/* --- ÜRÜN VİTRİNİ (GRID SİSTEMİ) --- */.urun_grid_section {  width: 100%;}.urun_grid_container {  display: grid;  /* 4 Kolonlu Yapı: Resim | Yazı | Resim | Yazı */  grid-template-columns: repeat(4, 1fr);  width: 100%;}.urun_item {  min-height: 310px; /* Karemsi görünüm için yükseklik */  position: relative;  display: flex;  flex-direction: column;  justify-content: center;}/* Resim Alanları */.item_img {  background-size: cover;  background-position: center;  position: relative;  overflow: hidden;}.urun_overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.2); /* Hafif karartma */  transition: var(--transition);}.item_img:hover .urun_overlay {  background: rgba(0, 0, 0, 0); /* Hoverda resim parlasın */}/* Yazı Alanları */.item_text {  padding: 40px;  background-color: #fff;  border-right: 1px solid var(--border-color);  border-bottom: 1px solid var(--border-color);}.bg_alt {  background-color: #fcfcfc; /* Hafif ton farkı */}.bg_alt .urun_item_desc {  font-weight: 300;  font-size: 90%;}.urun_cat_label {  font-size: 12px;  font-weight: 700;  letter-spacing: 1px;  color: var(--primary-color);  text-transform: uppercase;  margin-bottom: 10px;  display: block;}.urun_item_title {  font-size: 22px;  font-weight: 700;  margin-bottom: 15px;  color: var(--dark-bg);  line-height: 1.2;}.urun_item_desc {  font-size: 15px;  color: var(--text-light);  margin-bottom: 25px;  line-height: 1.4;}/* Buton Stili */.urun_btn {  text-decoration: none;  color: var(--dark-bg);  font-weight: 700;  font-size: 14px;  display: inline-flex;  align-items: center;  gap: 8px;  transition: var(--transition);}.urun_btn .arr {  transition: transform 0.3s ease;}.urun_btn:hover {  color: var(--primary-color);}.urun_btn:hover .arr {  transform: translateX(5px); /* Ok sağa kaysın */}/* --- SATIR 3 (TAM GENİŞLİK - YEDEK PARÇA) --- */.urun_full_width_wrapper {  grid-column: 1 / -1; /* Tüm gridi kapla */  display: flex;  min-height: 400px;}.urun_fw_content {  flex: 1;  background-color: var(--dark-bg);  padding: 60px 60px 60px 0px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;}.urun_fw_image {  flex: 1.2;  background-size: cover;  background-position: center;  min-height: 260px;  margin-right: -180px;}.text_white {  color: #fff !important;}.urun_fw_content .urun_item_desc {  color: rgba(255, 255, 255, 0.7);}.btn_white {  color: #fff;  border-bottom: 1px solid rgba(255, 255, 255, 0.3);  padding-bottom: 5px;}.btn_white:hover {  color: var(--primary-color);  border-color: var(--primary-color);}/* --- RESPONSIVE TASARIM (MEDYA SORGULARI) --- *//* Tablet ve Küçük Laptoplar (1024px altı) */@media (max-width: 1024px) {  .urun_grid_container {    grid-template-columns: repeat(2, 1fr); /* 2 Kolona düşür */  }  .urun_header_bg_text {    font-size: 100px;    top: -40px;  }}/* Tablet Dikey ve Büyük Telefonlar (768px altı) */@media (max-width: 768px) {  .urun_header_content {    flex-direction: column;    align-items: flex-start;  }  .urun_header_arrows {    margin-top: 10px;    align-self: flex-end; /* Okları sağa yasla */  }  /* Full Width alanı alt alta olsun */  .urun_full_width_wrapper {    flex-direction: column-reverse; /* Resim üstte, yazı altta olsun isterseniz column-reverse yapın. Şu an yazı üstte. */  }  .urun_fw_content {    padding: 40px 20px;  }  .urun_fw_image {    min-height: 250px;  }}/* Mobil Telefonlar (576px altı) */@media (max-width: 576px) {  .urun_grid_container {    grid-template-columns: 1fr; /* Tek kolon */  }  .urun_item {    min-height: 300px; /* Mobilde yükseklikleri biraz azalt */  }  .item_text {    padding: 30px 20px;    border-right: none;  }  .urun_header_bg_text {    font-size: 60px;    top: -20px;  }  .urun_header_title {    font-size: 32px;  }}.urun_fw_content .urun_item_title {  font-size: 25px;}.urun_fw_content .urun_item_desc {  max-width: 80%;}.neden-biz {  padding: 80px 20px;  background:url('../images/bg1.webp') no-repeat center center/cover;  text-align: center;}.neden-biz  .section-title {  font-size: 32px;  font-weight: 700;  margin-bottom: 50px;  color: #fff;}.neden-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  gap: 30px;  margin: auto;}.neden-card {  background: #fff;  padding: 40px 25px;  border-radius: 16px;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);  transition: 0.3s;}.neden-card:hover {  transform: translateY(-8px);  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);}.neden-card .icon {  width: 64px;  height: 64px;  margin: 0 auto 20px;  display: flex;  align-items: center;  justify-content: center;  background: #fff1f2;  border-radius: 14px;}.neden-card .icon svg {  width: 32px;  height: 32px;  fill: #903632;}.neden-card h3 {  font-size: 20px;  margin-bottom: 10px;  color: #111;}.neden-card p {  font-size: 15px;  color: #555;  line-height: 1.6;}/**/.talep-button {  position: fixed;  right: 25px;  bottom: 25px;  width: 95px;  height: 95px;  background: #903632;  border-radius: 50%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  text-decoration: none;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);  transition: 0.3s ease;  z-index: 9999;}.talep-button:hover {  transform: translateY(-5px) scale(1.05);  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);}.talep-button .icon {  width: 26px;  height: 26px;  margin-bottom: 6px;}.talep-button svg {  width: 100%;  height: 100%;  fill: white;}.talep-button .text {  font-size: 13px;  color: white;  font-weight: 500;  text-align: center;  line-height: 1.2;}@media(max-width:1024px){  .urun_full_width_wrapper{    display: none;  }  .neden-biz{    display: none;  }  .site-footer{    margin-bottom: 60px;  }  .footer-col.footer-col-menu{    display: none;  }  .talep-button {    bottom: 60px;    right: 15px;  }  .hero-slide::before{    display: none;  }}