.page-icerik {  min-height: 650px;  padding: 2rem 0rem;  background-color: #fff;  color: #333;  line-height: 1.7;}a {  text-decoration: none;}a.liste_kutu {  width: 100%;  position: relative;  text-align: center;  display: block;  color: #424244;}a.liste_kutu .urun_liste_bg {  width: 100%;  height: 100%;  position: absolute;  left: 0px;  top: 0px;}a.liste_kutu .liste_kutu_ic {  width: 100%;  height: auto;  position: relative;  display: block;  padding-top: 0;  z-index: 1;  border-radius: 5px;  overflow: hidden;  box-shadow: 0px 0px 3px #0000002e;}a.liste_kutu .baslik {  width: 100%;  height: auto;  position: relative;  bottom: 0px;  z-index: 99;  padding: 40px 40px;  transition: all 0.2s;  text-align: left;  background: #fff;}a.liste_kutu .baslik .sayi::before {  content: "";  display: block;  width: 48px;  height: 1px;  margin-right: 16px;  background: var(--primary-orange);}a.liste_kutu .baslik .sayi {  width: 100%;  display: flex;  text-align: left;  margin-bottom: 14px;  font-size: 17px;  font-weight: 700;  align-items: center;}a.liste_kutu .baslik span {  width: 100%;  display: block;  text-align: left;  margin-bottom: 20px;  font-size: 22px;  font-weight: 700;}a.liste_kutu .baslik small {  width: 100%;  display: block;  text-align: left;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  display: -webkit-box !important;  text-overflow: ellipsis;  font-size: 16px;  font-weight: 400;}a.liste_kutu .liste_kutu_ic .resim {  width: 100%;  height: 325px;  position: relative;  z-index: 9;}a.liste_kutu .liste_kutu_ic .resim img {  height: 100%;  object-fit: cover;  width: 100%;}/* --------------------------------------------------- *//* Video Galerisi Stilleri (Değişiklik Yok) *//* --------------------------------------------------- */.page-videolar {  padding: 0;}.page-videolar .images-list {  position: relative;  display: block;  overflow: hidden;  border-radius: 0.75rem;  background: #fff;  transition: all 0.3s ease;  text-decoration: none;  color: inherit;}.page-videolar .images-list:hover {  transform: translateY(-5px);  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);}.page-videolar .image {  position: relative;  width: 100%;  overflow: hidden;  border-radius: 0.75rem;}.page-videolar .image img {  width: 100%;  height: auto;  display: block;  border-radius: inherit;  transition: transform 0.4s ease;}.page-videolar .images-list:hover img {  transform: scale(1.05);}.page-videolar .zoom {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: rgba(255, 255, 255, 0.85);  border-radius: 50%;  width: 60px;  height: 60px;  display: flex;  align-items: center;  justify-content: center;  transition: all 0.3s ease;}.page-videolar .zoom svg {  width: 30px;  height: 30px;  transition: transform 0.3s ease;  fill: var(--primary-orange);}.page-videolar .images-list:hover .zoom {  background-color: var(--primary-orange);}.page-videolar .images-list:hover .zoom svg {  transform: scale(1.15);  fill: #fff;}.page-videolar .images-list-text {  font-size: 1rem;  font-weight: 500;  color: #333;  text-align: center;  padding: 0.75rem 0.5rem 0.5rem;  line-height: 1.4;}@media (max-width: 767px) {  .page-videolar .col-6 {    width: 100% !important;    margin-bottom: 1.5rem;  }  .page-videolar .images-list-text {    font-size: 0.95rem;    padding: 0.5rem 0.25rem;  }  .page-videolar .zoom {    width: 50px;    height: 50px;  }  .page-videolar .zoom svg {    width: 24px;    height: 24px;  }}@media (min-width: 768px) and (max-width: 1199px) {  .page-videolar .col-md-6 {    width: 50% !important;    margin-bottom: 1.5rem;  }}.page-videolar .images-list,.page-videolar .zoom,.page-videolar img {  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}/* =================================================================== *//* === RESİM GALERİSİ İÇİN GÜNCELLENMİŞ VE BİRLEŞTİRİLMİŞ STİLLER === *//* =================================================================== */.page-resimler {  margin-top: 30px;}/* Ana kart yapısı */.page-urunler-listele-resimler {  position: relative;  display: block;  border-radius: 1rem;  background: #fff;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);  transition: transform 0.3s ease, box-shadow 0.3s ease;  margin-bottom: 1.5rem;}.page-urunler-listele-resimler:hover {  transform: translateY(-5px);  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);}/* Lazy Load için Resim Çerçevesi (Placeholder) */.image-container {  position: relative;  overflow: hidden;  width: 100%;  background-color: #f0f0f0;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23cccccc' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'%3E%3C/animateTransform%3E%3C/circle%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C!-- [ldio] generated by https://loading.io/ --%3E%3C/svg%3E");  background-size: 50px;  background-repeat: no-repeat;  background-position: center;}/* Resmin kendisi için stiller */.image-container img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  opacity: 0;  transition: opacity 0.5s ease-in-out, filter 0.4s ease;}/* Resim yüklendiğinde görünür yap */.image-container img.loaded {  opacity: 1;}/* Mevcut hover efektiniz yeni yapıya uyarlandı */.page-urunler-listele-resimler:hover .image-container img.loaded {  filter: brightness(0.85);}/* Zoom ikonu stilleri */.page-urunler-listele-resimler .zoom {  position: absolute;  inset: 0;  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  background: rgba(0, 0, 0, 0.4);  transition: opacity 0.3s ease;  z-index: 2;}.page-urunler-listele-resimler:hover .zoom {  opacity: 1;}.page-urunler-listele-resimler .zoom svg {  width: 40px;  height: 40px;  fill: #fff;  transform: scale(0.8);  transition: transform 0.3s ease;}.page-urunler-listele-resimler:hover .zoom svg {  transform: scale(1);}/* Resim başlığı stilleri */.images-list-text {  text-align: center;  font-size: 1rem;  font-weight: 500;  color: #333;  padding: 0.8rem 0.5rem;  background: #f9f9f9;  border-radius: 0 0 1rem 1rem;  text-decoration: none;}/* Genel responsive kurallar */@media (max-width: 767px) {  .col-6 {    width: 100% !important;  }  .images-list-text {    font-size: 0.9rem;  }}@media (min-width: 768px) and (max-width: 1199px) {  .col-md-3 {    width: 50% !important;  }}.page-urunler-listele-resimler,.page-urunler-listele-resimler .zoom,.page-urunler-listele-resimler svg {  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}/* --------------------------------------------------- *//* Ekibimiz Sayfası Stilleri (Değişiklik Yok) *//* --------------------------------------------------- */.team-section h2 {  color: #333;  position: relative;  display: inline-block;  padding-bottom: 10px;}.team-section h2::after {  content: "";  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);  width: 60px;  height: 3px;  background-color: #0d6efd;}.profile-card {  background-color: #fff;  border-radius: 15px;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);  transition: all 0.3s ease;  overflow: hidden;  border: 1px solid #eee;}.profile-card:hover {  transform: translateY(-10px);  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}.profile-image-wrapper {  position: relative;  overflow: hidden;  padding: 20px 20px 0 20px;}.profile-image-wrapper img {  width: 150px;  height: 150px;  object-fit: cover;  transition: transform 0.4s ease;  border: 4px solid #fff;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.profile-card:hover .profile-image-wrapper img {  transform: scale(1.1);}.profile-overlay {  position: absolute;  top: 20px;  left: 20px;  right: 20px;  bottom: 0;  background: rgba(13, 110, 253, 0.8);  border-radius: 50% 50% 0 0;  opacity: 0;  visibility: hidden;  transition: all 0.4s ease;  display: flex;  align-items: center;  justify-content: center;}.profile-card:hover .profile-overlay {  opacity: 1;  visibility: visible;}.overlay-content {  color: #fff;}.social-links a {  color: #fff;  font-size: 18px;  margin: 0 8px;  display: inline-block;  transition: transform 0.2s ease;}.social-links a:hover {  color: #fff;  transform: scale(1.2);}.profile-info {  background-color: #fff;}.profile-info h5 {  font-weight: 600;  color: #212529;}.profile-info p {  font-size: 0.9rem;}/* Masaüstü görünümünde normal akışına dönsün */@media (min-width: 992px) {  /* lg breakpoint */  .sol-menu-hasem {    position: static;    width: auto;    height: auto;    background-color: transparent;    box-shadow: none;    transform: none;    padding: 0;    transition: none;  }}/* Mobil menü başlığı */.sol-menu-header {  border-bottom: 1px solid #eee;  margin-bottom: 1rem;  padding-bottom: 1rem;}.sol-menu-header .akordiyon-baslik {  font-size: 1.5rem;  margin: 0;}/* Kapatma Butonu */.sol-menu-kapat-buton {  margin-top: auto; /* En alta yaslar */  text-align: center;  padding-top: 1rem;  border-top: 1px solid #eee;}.sol-menu-kapat-buton .btn-kapat {  background: none;  border: none;  font-size: 2rem;  color: #888;  cursor: pointer;}/* Akordiyon Menü Stilleri */.menu-akordiyon ul {  list-style: none;  padding-left: 0;}.menu-akordiyon li ul {  display: none; /* Alt menüler başlangıçta gizli */  padding-left: 15px; /* İçeri girinti */}.menu-akordiyon a {  display: block;  padding: 10px 15px;  text-decoration: none;  color: #333;  border-bottom: 1px solid #f0f0f0;}.menu-akordiyon li.active > a {  font-weight: bold;  color: #007bff; /* Aktif link rengi */}/* Sadece mobil ve tablet gibi küçük ekranlarda geçerli olacak */@media (max-width: 1200px) {  .sol-menu-hasem {    /* Başlangıçta menüyü gizle ve ekran dışına al */    display: block; /* display:none yerine transform kullanmak daha performanslıdır */    position: fixed; /* Sayfadan bağımsız olmalı */    top: 0;    left: -100%; /* Ekranın solunda, tamamen gizli */    width: 280px; /* Menü genişliği */    height: 100vh; /* Tüm ekran yüksekliği */    background-color: #fff; /* Arka plan rengi */    z-index: 1040; /* Diğer elementlerin üzerinde kalması için */    transition: left 0.3s ease-in-out; /* Yumuşak açılma efekti */    overflow-y: auto; /* İçerik sığmazsa scroll çıksın */  }  /* JavaScript ile .is-open class'ı eklendiğinde menüyü görünür yap */  .sol-menu-hasem.show {    left: 0; /* Ekranın soluna sıfırlayarak görünür hale getir */  }  .sol-menu-hasem.show {    left: 0; /* Ekranın soluna sıfırlayarak görünür hale getir */    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); /* Menüye gölge ekleyelim */  }  .akordiyon-baslik {    font-size: 1.25rem;    margin: 0;    color: #333;    display: flex;    align-items: center;    justify-content: space-between;    width: 100%;  }}/* =================================================================== *//* === MOBİL MENÜ İÇİN YENİ EKLENEN STİLLER === *//* =================================================================== */.sol-menu-backdrop {  position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  background-color: rgba(0, 0, 0, 0.5); /* Siyah ve %50 şeffaf */  z-index: 1030; /* Menünün bir katman altında olmalı */  opacity: 0;  visibility: hidden;  transition: opacity 0.3s ease, visibility 0.3s ease;}/* JavaScript bu class'ı ekleyince backdrop görünür olacak */.sol-menu-backdrop.is-visible {  opacity: 1;  visibility: visible;}/* Mobil Menü Başlığı */.sol-menu-header {  display: flex;  justify-content: space-between; /* Başlığı sola, butonu sağa yaslar */  align-items: center; /* Dikeyde ortalar */  padding: 1rem 1.5rem;  border-bottom: 1px solid #eee;}.sol-menu-header .akordiyon-baslik {  font-size: 1.1rem;  font-weight: 600;  color: #333;}/* Mobil Menü Kapatma Butonu */.sol-menu-header .btn-kapat {  background: none;  border: none;  padding: 0;  color: #555; /* İkon rengi */  cursor: pointer;  line-height: 1;}@media (max-width: 1199.98px) {.about-shape {}}/* Menünün kendisi için mobil stiller */@media (max-width: 1199.98px) {  /* d-xl-none breakpoint'i */  .sol-menu-hasem {    position: fixed;    top: 0;    left: -100%; /* Başlangıçta ekranın dışında */    width: 300px; /* Menü genişliği */    max-width: 80%;    height: 100%;    background-color: #fff;    z-index: 1040;    transition: left 0.3s ease-in-out;    overflow-y: auto;    display: flex;    flex-direction: column;  }  .sol-menu-hasem.show {    left: 0; /* Bootstrap 'show' class'ı ekleyince görünür olur */    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);  }  .menu-akordiyon {    flex-grow: 1; /* Kalan tüm boşluğu doldurur */  }}/* =================================================================== *//* === AKORDİYON MENÜ İÇİN EK STİLLER === *//* =================================================================== *//* Akordiyon menüdeki linkler için temel stil */.menu-akordiyon a {  position: relative;  display: flex;  align-items: center;  padding: 12px 15px;  text-decoration: none;  color: #333;  border-bottom: 1px solid #f0f0f0;  transition: background-color 0.2s ease;}.menu-akordiyon a:hover {  background-color: #f9f9f9;}/* Alt menüsü olan linkler için tıklanabilir imleç */.menu-akordiyon li:has(ul) > a {  cursor: pointer;}/* İkonların pozisyonu ve stili */.sol-menu-icon,.sol-menu-alt-var {  margin-right: 10px;  width: 20px; /* İkonlar için sabit genişlik */  text-align: center;  color: #007bff; /* İkon rengi */}/* Aktif sayfanın linki */.menu-akordiyon li.active > a {  font-weight: bold;  color: #007bff;  background-color: #e7f3ff;}/* Alt menüsü açılmış olan ana başlığın stili */.menu-akordiyon li.is-open > a {  font-weight: bold;  color: #0d6efd;}/* Alt menüler başlangıçta gizli */.menu-akordiyon ul ul {  display: none;  border-left: 2px solid #007bff;  margin-left: 10px;  padding-left: 0;}.menu-akordiyon ul ul a {  font-size: 0.95em; /* Alt menü linkleri biraz daha küçük */  color: #555;}/* Alt menüdeki aktif sayfa */.menu-akordiyon ul ul li.active > a {  color: #007bff;  background-color: #f0f8ff;}/**/.iletisim_yeni {  width: 100%;  height: auto;  position: relative;}.iletisim_yeni .float-start {  fill: #53c2bf;  background: #ffffff;  width: 70px;  height: 70px;  align-items: center;  border-radius: 50%;  text-align: center;  display: inline-flex;  padding: 0 !important;  justify-content: center;  box-shadow: 0px 0px 10px 0px #0000001f;  position: absolute;}.iletisim_yeni svg {  fill: #53c2bf;}.text-black {  color: #0b1a2c;}.iletisim_yeni .formbgg {  width: 100%;  height: auto;  background: transparent;  margin-top: 30px;}.iletisim_yeni .formsol {  width: 85%;}.iletisim_yeni .formsol h3 {  width: 100%;  height: auto;  text-align: center;  font-weight: 400;  display: none;}.iletisim_yeni form.form1 {  border-radius: 0px !important;  -webkit-border-radius: 0px !important;  -moz-border-radius: 0px !important;  -ms-border-radius: 0px !important;  -o-border-radius: 0px !important;  border: none !important;  padding: 0rem !important;  background: transparent;}.iletisim_yeni form.form1 .basliklabel {  display: none;}.iletisim_yeni form.form1 .form-control {  width: 100%;  font-size: 14px !important;  padding: 15px 10px 15px 20px !important;  font-weight: 400;  line-height: 1.5;  margin-bottom: 20px;  color: #212529;  background-color: #fff;  background-clip: padding-box;  border: 1px solid #ced4da;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  border-radius: 0.25rem;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  border-left: solid #53C2BF;}.iletisim_yeni form.form1 textarea.form-control {  min-height: 250px !important;  padding: 15px 10px 15px 10px !important;  width: 100%;}.iletisim_yeni form.form1 .btn {  font-size: 0.85rem;  height: 52px;  padding: 0 1.9rem;  display: flex;  border: none;  align-items: center;  border-radius: 5px;  background: #53C2BF!important;}.iletisim_yeni .maps {  height: 100%;  border-radius: 20px;  overflow: hidden;  border: solid 10px white;  box-shadow: 0px 0px 10px 0px #00000026;}.iletisim_yeni .maps iframe {  width: 100%;  height: 100%;}.iletisim_liste {  display: flex;  align-items: center;}.iletisim_liste_sag {  padding-left: 90px;}.iletisim_liste_sag h4 {  margin-top: 0px;  margin-bottom: 10px;}.iletisim_liste_sag p {  margin-top: 0px;  margin-bottom: 0px;}.iletisim_yeni .container .row {  justify-self: center;}.iletisim_yeni .maps {  height: 100%;  border-radius: 20px;  overflow: hidden;  border: solid 10px white;  box-shadow: 0px 0px 10px 0px #00000026;}.iletisim_yeni .maps iframe {  width: 100%;  height: 100%;}