:root {  --font1: "Montserrat", Helvetica, Arial, sans-serif;  --primary-orange: #d52b1e;  --radius: 3px;}body {  font-family: var(--font1);  padding: 0px;  margin: 0px;}body.menu-open {  overflow: hidden;}/* Site Header: Genel ve Masaüstü */.site-header {  position: fixed;  top: 0;  left: 0;  width: 100%;  background-color: #fff;  z-index: 1000;  transition: background-color 0.3s ease;  box-sizing: border-box;}.site-header-ic {  display: flex;  justify-content: space-between;  align-items: center;  padding: 15px 0;}.site-header .logo {  flex-shrink: 0;  display: flex;  align-items: center;  text-decoration: none;}.site-header .logo img {  height: 50px;  width: auto;  display: block;}.site-header .main-nav {  flex-grow: 1;  display: flex;  justify-content: end;}.site-header .main-nav ul#main-menu {  display: flex;  list-style: none;  gap: 29px;  margin: 0;  padding: 0;  align-items: center;}.site-header .main-nav ul#main-menu li:nth-child(2) {  display: none;}.site-header .main-nav a {  color: #000;  font-weight: 600;  font-size: 15px;  text-decoration: none;  padding: 5px 0;  position: relative;  transition: color 0.3s ease;  white-space: nowrap;  align-items: center;  display: flex;  text-transform: uppercase;}.site-header .main-nav a:hover {  color: var(--primary-orange);}/* Alt Menüler: Masaüstü */.site-header .nav-item.nav-submenu {  position: relative;}.site-header .nav-submenu > a::after {  content: "▼";  font-size: 0.6em;  margin-left: 7px;  display: inline-block;  transition: transform 0.3s ease-in-out;}.site-header .nav-submenu ul {  list-style: none;  padding: 10px;  margin: 0;  margin-top: 15px;  background-color: #0b1a2c;  border-radius: 8px;  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);  min-width: 220px;  position: absolute;  top: 100%;  left: 0;  opacity: 0;  visibility: hidden;  transform: translateY(10px);  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;  z-index: 10;}.site-header .nav-submenu ul li {  padding: 0;  margin: 0;}.site-header .nav-submenu ul a {  padding: 10px 15px;  display: block;  font-size: 14px;  font-weight: 500;  border-radius: 5px;}.site-header .nav-item.nav-submenu:hover > ul {  opacity: 1;  visibility: visible;  transform: translateY(0);}.site-header .nav-item.nav-submenu:hover > a::after {  transform: rotate(180deg);}/* Hamburger Menü Butonu */.site-header .menu-toggle {  display: none;  background: none;  border: none;  cursor: pointer;  padding: 10px;  z-index: 1001;}.site-header .menu-toggle .bar {  display: block;  width: 25px;  height: 3px;  background-color: #000;  margin: 5px 0;  transition: all 0.4s;}.site-header .menu-toggle.is-active .bar:nth-child(1) {  transform: translateY(8px) rotate(45deg);}.site-header .menu-toggle.is-active .bar:nth-child(2) {  opacity: 0;}.site-header .menu-toggle.is-active .bar:nth-child(3) {  transform: translateY(-8px) rotate(-45deg);}/* Mobil Menü Arka Plan Overlay */.nav-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.6);  z-index: 998;  opacity: 0;  visibility: hidden;  transition: opacity 0.5s ease, visibility 0.5s ease;}.nav-overlay.is-active {  opacity: 1;  visibility: visible;}/* Mobil Görünüm */@media (max-width: 1200px) {  .top-header-aesthetic {    display: none !important;  }  .site-header .menu-toggle {    display: block;  }  .site-header .main-nav {    border-right: none;    margin-right: 0;    padding-right: 0;    justify-content: flex-end;  }  .site-header .main-nav ul#main-menu {    overflow-y: auto;    padding-bottom: 40px;    flex-direction: column;    position: fixed;    top: 0;    left: -100%;    width: 80%;    max-width: 320px;    height: 100vh;    background-color: #fff;    padding: 80px 40px 40px;    align-items: flex-start;    gap: 15px;    transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1);    z-index: 999;  }  .site-header .main-nav ul#main-menu.is-active {    left: 0;  }  .site-header .main-nav ul a {    font-size: 18px;    width: 100%;  }  .site-header .main-nav ul li {    position: relative;  }  .site-header .main-nav ul li .mobil-logo {    margin-bottom: 25px;    display: block !important;  }  /* Mobil Alt Menüler */  .site-header .nav-submenu > li::after {    content: "›";    font-size: 1.8em;    font-weight: bold;    position: absolute;    right: 10px;    top: 50%;    transform: translateY(-50%) rotate(0deg);    transition: transform 0.3s ease-in-out;  }  .site-header .nav-submenu ul {    position: static;    width: 100%;    opacity: 1;    visibility: visible;    transform: none;    box-shadow: none;    background-color: rgba(0, 0, 0, 0.2);    padding: 10px 0 10px 20px;    margin-top: 10px;    border-radius: 8px;    max-height: 0;    overflow: hidden;    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out,      margin 0.4s ease-in-out;    padding-top: 0;    padding-bottom: 0;    margin-top: 0;  }  .site-header .nav-submenu.submenu-open > ul {    max-height: 500px;    margin-top: 10px;    padding-top: 10px;    padding-bottom: 10px;  }  .site-header .nav-submenu.submenu-open > a::after {    transform: translateY(-50%) rotate(90deg);  }}/* Header Ana Stili */.top-header-aesthetic {  /* Gradient arka plan */  background: #d52b1e;  color: #ffffff;  padding: 12px 0;  font-size: 14px;  font-weight: 500;  letter-spacing: 0.5px;  /* Alttan gölge ile derinlik katma */  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);  position: relative;  z-index: 10;}/* Konteyner */.top-header-aesthetic .container {  margin: 0 auto;  padding: 0 20px;  display: flex;  justify-content: space-between;  align-items: center;}/* Linklerin Genel Stili */.top-header-aesthetic a {  color: #ffffff;  text-decoration: none;  display: inline-flex;  align-items: center;  gap: 8px; /* İkon ve yazı arası boşluk */  /* Metin ve ikonlara gölge ekleyerek okunurluğu artırma */  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}/* Dinamik Hover Efekti */.top-header-aesthetic a:hover {  transform: translateY(-2px); /* Hafifçe yukarı kalksın */  color: #fff; /* Rengi koru */}.top-header-aesthetic a:hover svg {  transform: scale(1.2); /* İkon büyüsün */}/* İletişim Bilgileri Bölümü */.contact-info {  display: flex;  align-items: center;  gap: 25px;}/* İletişim bilgileri arasına estetik ayraç */.contact-info a:not(:first-child)::before {  content: "|";  color: #ffffff;  opacity: 0.4;  margin-right: 25px;}/* SVG İkon stilleri */.top-header-aesthetic svg {  width: 20px;  height: 20px;  fill: currentColor;  transition: transform 0.3s ease; /* Yumuşak büyüme efekti */}/* Sosyal Medya Bölümü */.social-media {  display: flex;  gap: 20px;}.social-media svg {  width: 22px;  height: 22px;}.social-media a:hover svg {  transform: scale(1.2) rotate(-10deg); /* Büyüyüp hafifçe dönsün */}/* --- Mobil Uyumluluk --- */@media (max-width: 820px) {  .top-header-aesthetic .container {    flex-direction: column;    gap: 15px;  }  .contact-info {    flex-direction: column;    gap: 12px;    text-align: center;  }  /* Mobilde ayraçı gizle */  .contact-info a:not(:first-child)::before {    display: none;  }}/* --- WhatsApp Sabit Buton Stilleri --- */.WhatsApp1 {  /* EKRANA GÖRE SABİTLEME */  position: fixed; /* Sayfa kaysa bile yerinde kalmasını sağlar */  bottom: 85px; /* Alt kenardan 25px yukarıda */  display: flex;  left: 25px; /* Sağ kenardan 25px solda */  z-index: 1000; /* Diğer tüm elementlerin üzerinde görünmesi için */  width: 60px; /* Genişlik */  height: 60px; /* Yükseklik */  background-color: #25d366; /* WhatsApp yeşili */  color: #fff; /* İkon rengi (beyaz) */  border-radius: 50%; /* Tam yuvarlak yapmak için */  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Hafif gölge */  text-decoration: none; /* Link alt çizgisini kaldır */  /* İKONU ORTALAMA (FLEXBOX İLE) */  align-items: center;  justify-content: center;  /* GEÇİŞ EFEKTİ */  transition: transform 0.3s ease, box-shadow 0.3s ease;}/* Üzerine gelince (hover) olacaklar */.WhatsApp1:hover {  transform: scale(1.1); /* Butonu hafifçe büyüt */  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3); /* Gölgeyi belirginleştir */}/* İkonun Boyutu */.WhatsApp1 svg {  font-size: 32px; /* İkon boyutunu ayarla */  fill: #fff;  width: 50%;  height: 50%;}/* İSTEĞE BAĞLI: Dikkat Çekici Vurgu Animasyonu */@keyframes pulse {  0% {    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);  }  70% {    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);  }  100% {    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);  }}/* Animasyonu butona uygula */.WhatsApp1 {  animation: pulse 2s infinite;}/* --- MOBİL ALT BAR TASARIMI BAŞLANGIÇ --- */.mobil-bottom-bar {  position: fixed;  bottom: 0;  left: 0;  width: 100%;  background-color: #ffffff;  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);  z-index: 1000;}.mobil-bottom-bar__container {  display: flex;  justify-content: space-around;  align-items: center;  padding: 8px 0;}.mobil-bottom-bar__button {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  text-decoration: none;  color: #333; /* İkon ve metin rengi */  font-size: 13px;  font-weight: 500;  padding: 4px 10px;  transition: color 0.2s ease-in-out;  flex-grow: 1; /* Butonların alanı eşit paylaşmasını sağlar */}.mobil-bottom-bar__button:hover {  color: #007bff; /* Hover durumunda ikon ve metin rengi (İstediğiniz renkle değiştirin) */}.mobil-bottom-bar__icon {  width: 26px;  height: 26px;  margin-bottom: 5px;  /* SVG renginin text rengiyle (color) aynı olmasını sağlar */  fill: currentColor;}.mobil-bottom-bar__label {  display: block;}@media (min-width: 992px) {  .mobil-bottom-bar {    display: none;  }  .WhatsApp1 {    bottom: 25px; /* Alt kenardan 25px yukarıda */  }}