/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #1e1e1e;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 700;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 28px;
  color: #4a4a4a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
Global Styles
--------------------------------------------- 
*/
html,
body {
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #0071f8;
  color: #fff;
}

::-moz-selection {
  background: #0071f8;
  color: #fff;
}

.section {
  margin-top: 120px;
}

.section-heading {
  margin-bottom: 70px;
}

.section-heading h2 {
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 20px;
  line-height: 56px;
}

.section-heading h2 em {
  font-style: normal;
  color: #0071f8;
}

.section-heading h6 {
  color: #1c3480;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
}

/* 
---------------------------------------------

--------------------------------------------- 
*/

.icon-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px 0px 0px;
  border-radius: 25px;
  transition: all .3s;
}

.icon-button a i {
  background-color: #1c3480;
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  display: inline-block;
  margin-right: 15px;
  margin-left: -1px;
}

.icon-button a:hover {
  color: #1c3480;
}

.icon-button a:hover i {
  color: #fff;
}

.main-button a {
  display: inline-block;
  background-color: #1e1e1e;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
  border-radius: 25px;
  transition: all .3s;
}

.main-button a:hover {
  background-color: #1c3480;
  color: #fff;
}

/* Teklif Butonu */
.custom-btn {
  background: #1c3480;
  color: #fff;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-top: 10px;
  display: block;
  width: 100%;
  border-radius: 5px;
}

.custom-btn:hover {
  background: #a80000;
}


/* 
---------------------------------------------
Pre-loader Style
--------------------------------------------- 
*/

.js-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.99);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.js-preloader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@-webkit-keyframes dot {
  50% {
      -webkit-transform: translateX(96px);
      transform: translateX(96px);
  }
}

@keyframes dot {
  50% {
      -webkit-transform: translateX(96px);
      transform: translateX(96px);
  }
}

@-webkit-keyframes dots {
  50% {
      -webkit-transform: translateX(-31px);
      transform: translateX(-31px);
  }
}

@keyframes dots {
  50% {
      -webkit-transform: translateX(-31px);
      transform: translateX(-31px);
  }
}

.preloader-inner {
  position: relative;
  width: 142px;
  height: 40px;
  background: transparent;
}

.preloader-inner .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  background: #1c3480;
  border-radius: 50%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: dot 2.8s infinite;
  animation: dot 2.8s infinite;
}

.preloader-inner .dots {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  -webkit-animation: dots 2.8s infinite;
  animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background: #1c3480;
  border-radius: 50%;
}

/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/
/* Masaüstü logo ayarı */
.logo img {
  max-height: 70px;
  width: auto;
  display: block;
  object-fit: contain;
}


/* Subheader alanı */
.sub-header {
  background-color: #1c3480;
  padding: 5px 0px;
  border-bottom: 1px solid #eee;
}

.sub-header ul li {
  display: inline-block;
}

.sub-header ul.social-links {
  text-align: right;
}

.sub-header ul.social-links li {
  margin-left: 8px;
}

.sub-header ul.social-links li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 10%;
  text-align: center;
  line-height: 30px;
  color: #1c3480;
  font-size: 14px;
  transition: all .3s;
}

.sub-header ul.social-links li a:hover {
  background-color: #1c3480;
}

.sub-header ul.info li {
  font-size: 13px;
  color: #ffffff;
  border-right: 1px solid #eee;
  margin-right: 25px;
  padding-right: 25px;
}

.sub-header ul.info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}

.sub-header ul.info li i {
  font-size: 15px;
  color: #ffffff;
  margin-right: 8px;
}

.background-header {
  background-color: #fff;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area {
  position: relative;
  background-color: #fff;
  height: 100px;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}

.header-area .main-nav .logo {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
}

.header-area .main-nav .logo h1 {
  line-height: 100px;
  font-size: 28px;
  text-transform: uppercase;
  color: #1e1e1e;
  font-weight: 500;
  letter-spacing: 2px;
}

.background-header .main-nav .logo h1 {
  line-height: 80px;
}

.header-area .main-nav ul.nav {
  flex-basis: 100%;
  margin-top: 30px;
  justify-content: right;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li {
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  line-height: normal;
}

.header-area .main-nav .nav li a {
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  font-weight: bold;
  font-size: 15px;
  height: 70px;
  line-height: 40px;
  text-transform: capitalize;
  color: #1e1e1e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: transparent;
  letter-spacing: .25px;
}

.header-area .main-nav .nav li:last-child a i {
  background-color: #1c3480;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  margin-left: -1px;
}


.header-area .main-nav .nav li a.active {
  color: #1c3480;
}

.background-header .main-nav .nav li a.active {
  color: #1c3480;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 20px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 22px;
}

.background-header .main-nav ul.nav {
  margin-top: 20px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
  width: 75%;
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.visible {
  display: inline !important;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .header-area {
    padding: 0; /* dış boşlukları sıfırla */
    height: auto;
    box-shadow: none;
  }

  .header-area .main-nav {
    flex-direction: column;
    align-items: stretch;
    padding: 0; /* iç boşluğu sıfırla */
  }

  .header-area .main-nav .logo {
    padding: 10px 15px; /* logoya özel boşluk */
  }

  .logo img {
    height: 30px;
    margin-top: 13px;
  }

  .header-area .main-nav .nav {
    width: 100%;
    display: none;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0 0 25px 25px;
    overflow: hidden;
  }

  .header-area .main-nav .nav li {
    width: 100%;
    padding: 0; /* li'nin padding'ini kaldır */
    border-top: 1px solid #eee;
  }

  .header-area .main-nav .nav li a {
    display: block;
    width: 100%;
    padding: 14px 20px; /* dengeli iç boşluk */
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    color: #1e1e1e;
    border-bottom: 1px solid #f5f5f5;
  }

  .header-area .main-nav .menu-trigger {
    display: block !important;
    position: absolute;
    top: 20px;
    right: 15px;
  }
}



/* 
---------------------------------------------
S.S.S
--------------------------------------------- 
*/

.sss-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px 30px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  transition: 0.3s ease;
}

.sss-box:hover {
  box-shadow: 0 6px 30px rgba(0,0,0,0.08);
}

.sss-img {
  max-height: 130px;
  object-fit: contain;
}

.sss-box h5 {
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.sss-box p {
  color: #444;
  font-size: 15px;
  margin: 0;
}


/* ✅ Mobil uyumluluk (max 767px) */
@media (max-width: 767px) {
  .sss-box {
    padding: 15px 20px;
    text-align: center;
  }

  .sss-img {
    max-height: 100px;
  }

  .sss-box h5 {
    font-size: 16px;
  }

  .sss-box p {
    font-size: 14px;
  }
}
/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/


.main-banner {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.main-banner .item {
    background-repeat: no-repeat;
    background-size: contain;  /* cover değil! */
    background-position: center center;
    background-color: #000;  /* veya sayfanızın arka plan rengi */
    width: 100%;
    height: calc(100vw * 600 / 1920);  /* Orantılı yükseklik */
    max-height: 80vh;  /* Çok yüksek olmasın */
    min-height: 300px;  /* Çok küçük olmasın */
    margin-top: 0px;
}

/* Mobil responsive */
@media (max-width: 768px) {
    .main-banner .item {
        min-height: 250px;
        max-height: 70vh;
    }
}

.main-banner .item span.category {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 6px 15px;
  display: inline-block;
  margin-bottom: 30px;
}

.main-banner .item span.category em {
  font-style: normal;
  color: #1c3480;
}

.main-banner .item h2 {
  font-size: 62px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  line-height: 72px;
  width: 50%;
  margin-bottom: 0px;
}

.main-banner .owl-dots {
  position: absolute;
  bottom: 60px;
  left: 20%;
}

.main-banner .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  transition: all .5s;
}

.main-banner .owl-dots .active {
  background-color: #1c3480;
}

.main-banner .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50px);
}

.main-banner .owl-nav .owl-prev i,
.main-banner .owl-nav .owl-next i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  display: inline-block;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 1;
  transition: all .3s;
}

.main-banner .owl-nav .owl-prev i {
  position: absolute;
  left: 45px;
}

.main-banner .owl-nav .owl-next i {
  position: absolute;
  right: 45px;
}

.main-banner .owl-nav .owl-prev i:hover,
.main-banner .owl-nav .owl-next i:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .main-banner .item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;  /* Mobilde taşıma yapmaz */
    padding: 90px 15px 110px 15px;
    box-sizing: border-box;
    height: 30vh;
  }

  .main-banner .item h2 {
    font-size: 26px;
    line-height: 32px;
    width: 100%;
    text-align: center;
  }

  .main-banner .item span.category {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
  }

  .main-banner {
    overflow: hidden;
  }

    .main-banner .owl-nav {
    display: none !important;
    }


      .main-banner .owl-dots {
    bottom: 10px !important;    /* Daha aşağı */
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
  }
  body {
    overflow-x: hidden;
  }

  
}

/* 
---------------------------------------------
about Style
--------------------------------------------- 
*/
.about-section {

  padding: 60px 15px;
}

.about-section .section-title {
  font-size: 26px;
  color: #1c3480;
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.about-section .company-name {
  font-size: 22px;
  color: #222;
  font-weight: 500;
  margin-bottom: 5px;
}

.about-section .brand-name {
  font-size: 20px;
  color: #1c3480;
  font-weight: 600;
  margin-bottom: 20px;
}

.about-section .about-text {
  max-width: 800px;
  margin: 0 auto;
  color: #444;
  font-size: 16px;
  line-height: 1.8;
  padding: 0 10px;
}

.about-section .about-logo img {
  width: auto;
  height: auto;
  max-width: 160px; /* genişlik sınırı */
  max-height: 60px; /* yükseklik sınırı */
  display: inline-block;
}

.about-section .visit-link a {
  color: #1c3480;
  font-weight: 500;
  text-decoration: none;
}

.about-section .visit-link a:hover {
  text-decoration: underline;
}

/* ✅ Mobil Uyum */
@media (max-width: 768px) {
  .about-section {
    padding: 40px 15px;
  }

  .about-section .section-title {
    font-size: 22px;
  }

  .about-section .company-name {
    font-size: 18px;
  }

  .about-section .brand-name {
    font-size: 17px;
  }

  .about-section .about-text {
    font-size: 15px;
    padding: 0 5px;
  }

  .about-section .about-logo img {
   
    max-width: 120px;
    max-height: 50px;
  }
}


/* 
---------------------------------------------
Featured Style
--------------------------------------------- 
*/

.featured .left-image {
  position: relative;
}

.featured .left-image img {
  padding-left: 50px;
}



.featured .section-heading {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 60px;
}

.featured .section-heading h2 {
  width: 70%;
}

.featured .accordion {
  margin-left: 10px;
  margin-right: 10px;
  --bs-accordion-border-radius: 10px;
  --bs-accordion-inner-border-radius: 10px;
  --bs-accordion-bg: #fafafa;
  --bs-accordion-border-color: none;
  border: none !important;
}

.featured .accordion-header {
  border-bottom: 1px solid #eaeaea;
}

.featured .accordion-button {
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  color: #1e1e1e;
}

.featured .accordion-button:not(.collapsed) {
  color: #1c3480;
  background-color: #fafafa;
  outline: none;
}

.featured .accordion-button::after {
  display: none;
}

.featured #headingThree {
  border-bottom: none;
}

.featured .accordion-item:last-of-type .accordion-collapse {
  border-top: 1px solid #eaeaea;
}

.featured .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
}

.featured .info-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}

.featured .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.featured .info-table ul li img {
  float: left;
  margin-right: 25px;
}

.featured .info-table ul li h4 {
  font-size: 22px;
  font-weight: 600;
}

.featured .info-table ul li h4 span {
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}

/* 
---------------------------------------------
Fun Facts Style
--------------------------------------------- 
*/

.fun-facts {
  text-align: center;
  margin-top: 125px;
}

.fun-facts .counter {
  background-color: #ffeee9;
  position: relative;
  border-radius: 10px;
  width: 270px;
  padding: 20px 0px;
  display: inline-block;
}

.fun-facts .counter h2,
.fun-facts .counter p {
  display: inline-flex;
  vertical-align: middle;
}

.fun-facts .counter p {
  text-align: left;
  font-size: 16px;
  color: #1e1e1e;
  font-weight: 600;
  line-height: 28px;
}

.fun-facts .counter h2 {
  margin-right: 25px;
  font-size: 40px;
  color: #1c3480;
}

.fun-facts .counter:after {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #1c3480;
  border-radius: 50%;
  content: '';
  right: -25px;
  top: -25px;
}


/* 
---------------------------------------------
Best Deal Style
--------------------------------------------- 
*/

.best-deal {
  background-color: #fafafa;
  padding: 100px 0px;
}

.best-deal .tab-content img {
  padding: 0px 45px;
}

.best-deal .tabs-content .nav-link {
  font-size: 16px;
  font-weight: 500;
  background-color: #1e1e1e !important;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0px 25px;
  color: #fff;
}

.best-deal .tabs-content .nav-tabs .nav-link.active {
  background-color: #1c3480 !important;
  color: #fff;
}

.best-deal .tabs-content ul.nav-tabs {
  border-bottom: none !important;
  margin-bottom: 80px;
  align-items: end;
  justify-content: end;
  margin-top: -130px;
}

.best-deal .tabs-content ul.nav-tabs li {
  padding-right: 0px;
  border-right: none;
  margin-left: 20px;
}

.best-deal .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
}

.best-deal .info-table ul li {
  display: block;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}

.best-deal .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.best-deal .info-table ul li span {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  float: right;
  display: inline-block;
}

.best-deal .tabs-content {
  padding: 0px;
  background-color: transparent;
}

.best-deal .tabs-content h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 30px;
}

.best-deal .icon-button {
  margin-top: 30px;
}

/* 
---------------------------------------------
Belgeler
--------------------------------------------- 
*/
/* Belge kutularının ana görünümü */
.document-item {
  display: block;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 20px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.document-item:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* İçerik hizalama */
.document-item .document-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Görsel */
.document-item img {
  width: 100px;
  height: auto;
  border-radius: 8px;
  object-fit: contain;
  border: 1px solid #ddd;
}

/* Metin kısmı */
.document-item h5 {
  margin: 0;
  font-size: 18px;
  color: #1d1d1d;
  font-weight: 600;
}

.document-item p {
  margin: 5px 0 0 0;
  color: #666;
  font-size: 14px;
}

/* Responsive için */
@media (max-width: 768px) {
  .document-item .document-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .document-item img {
    width: 100%;
    max-width: 300px;
  }
}

/* Belgeler üst filtre butonları */
.belge-filter {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 30px;
}

.belge-filter li a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #1e1e1e;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.belge-filter li a:hover {
  opacity: 0.85;
}

/* Aktif filtre butonu */
.belge-filter li a.is_active {
  background-color: #1c3480; /* Kırmızı */
  color: #ffffff;
}

/* Alt filtre (başlangıçta gizli olabilir) */
.sub-filter {
  list-style: none;
  display: none;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
  padding: 0;
}

.sub-filter li a {
  padding: 8px 18px;
  border-radius: 6px;
  background-color: #f1f1f1;
  color: #1c3480;
  border: 1px solid #1c3480;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}

.sub-filter li a:hover,
.sub-filter li a.is_active {
  background-color: #1c3480;
  color: white;
}

@media (max-width: 767px) {
  .belge-filter,
  .sub-filter {
    flex-direction: row;         /* YAN YANA */
    flex-wrap: wrap;             /* Taşarsa alt satıra geçsin */
    justify-content: center;     /* Ortala */
    gap: 8px;                    /* Daha dar boşluk */
  }

  .belge-filter li a,
  .sub-filter li a {
    padding: 8px 14px;
    font-size: 14px;
    width: auto;                 /* Genişlik sabit olmasın */
    max-width: 100%;
    text-align: center;
  }
}

/* 
---------------------------------------------
ÜRÜNDETAY Style
--------------------------------------------- 
*/
.urundetay-container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 40px 10px;
  text-align: center;
}

.urun-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 50px;
}

.urun-resim img {
  max-width: 320px;
  width: 100%;
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.urun-resim img:hover {
  transform: scale(1.05);
}

.urun-aciklama {
  max-width: 550px;
  text-align: left;
}

.urun-aciklama h2,
.urun-aciklama h4 {
  font-size: 28px;
  color: #1e1e1e;
  margin-bottom: 15px;
}

.urun-aciklama ul {
  list-style: disc;
  padding-left: 20px;
  color: #444;
  font-size: 16px;
}

.urun-modelleri h3,
.teknik-veri h3,
.panel-bilgisi h3 {
  color: #1c3480;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 22px;
}

.model-liste {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: 40px;
}

.model-liste-item {
  text-align: center;
  max-width: 110px;
}

.model-liste-item a img {
  max-width: 100%;
  height: auto;
  cursor: zoom-in;
  transition: transform 0.3s ease;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.model-liste-item a img:hover {
  transform: scale(1.05);
}

.model-liste-item span {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.teknik-veri a img,
.panel-bilgisi a img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 40px;
  cursor: zoom-in;
  transition: transform 0.3s ease;
}

.teknik-veri a img:hover,
.panel-bilgisi a img:hover {
  transform: scale(1.03);
}

@media (max-width: 768px) {
  .urun-aciklama {
    text-align: center;
  }

  .urun-aciklama ul {
    text-align: left;
    display: inline-block;
  }
}

/* 
---------------------------------------------
Contact Style
--------------------------------------------- 
*/

.contact {
  background-image: url(../images/contact-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px 250px 0px;
  position: relative;
}

.contact .section-heading h2 {
  color: #fff;
}

.contact-content {
  margin-top: -240px;
  position: relative;
  z-index: 1;
}

.contact-content #map {
  border-radius: 10px;
  margin-bottom: 60px;
}

.contact-content .item {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-content .phone {
  margin-right: 15px;
}

.contact-content .email {
  margin-left: 15px;
}

.contact-content .item img {
  float: left;
  margin-right: 25px;
  vertical-align: middle;
}

.contact-content .item h6 {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}

.contact-content .item h6 span {
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 400;
}

.contact-content #contact-form {
  margin-left: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-content #contact-form label {
  font-size: 15px;
  color: #3a3a3a;
  margin-bottom: 15px;
}

.contact-content #contact-form input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 30px;
  font-size: 14px;
  padding: 0px 15px;
}

.contact-content #contact-form textarea {
  width: 100%;
  height: 150px;
  max-height: 180px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 40px;
  font-size: 14px;
  padding: 15px 15px;
}

.contact-content #contact-form button {
  background-color: #1e1e1e;
  height: 44px;
  border-radius: 22px;
  padding: 0px 20px;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 500;
  transition: all .5s;
}

.contact-content #contact-form button:hover {
  background-color: #1c3480;
}

/* İletişim Bilgileri */
.contact-box {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  transition: transform 0.3s ease-in-out;
}

.contact-box:hover {
  transform: scale(1.05);
}

.contact-box h5 {
  font-size: 20px;
  font-weight: bold;
  color: #1c3480;
}

.contact-box p {
  font-size: 14px;
  color: #666;
}

/* İletişim Simge */
.icon {
  width: 50px;
  margin-bottom: 10px;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
  .iletisim-baslik {
      font-size: 24px;
  }
  
  .contact-box {
      margin-bottom: 20px;
  }
}


/* 
---------------------------------------------
Footer Style
--------------------------------------------- 
*/
footer.footer-no-gap {
  margin-top: 50px;
}

footer {
  margin-top: 50px; /* Fazla boşluğu azalt */
  background-color: #1e1e1e;
  min-height: auto; /* Minimum yükseklik gereksiz, içerik kadar olacak */
  padding: 20px 0; /* Yukarı-aşağı boşluğu optimize et */
}

footer p {
  text-align: center;
  line-height: 1.4; /* Daha dar satır aralığı */
  color: #fff;
  font-size: 14px; /* Küçük ve dengeli metin */
  font-weight: 400;
  margin-bottom: 5px; /* P etiketleri arasındaki boşluğu minimum yap */
}

footer p a {
  color: #fff;
  transition: all 0.3s;
  position: relative;
  z-index: 3;
}

footer p a:hover {
  opacity: 0.75;
}

footer a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 5px 0;
  transition: 0.3s;
}

footer a:hover {
  color: #1c3480;
}

/* ✅ Mobil Uyum */
@media (max-width: 767px) {
  footer .footer-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  footer .footer-column {
    width: 100%;
  }

  footer p {
    font-size: 15px;
  }

  
footer a {
 font-size: 15px;
  }

}

/* 
---------------------------------------------
Page Header Style
--------------------------------------------- 
*/

.page-heading {
  background-image: url(../images/bgheader.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px 0px;
  text-align: center;
}

.page-heading span {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 30px;
}

.page-heading span a {
  color: #1e1e1e;
}

.page-heading h3 {
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}


/* 
---------------------------------------------
Single Page Style
--------------------------------------------- 
*/

.single-property .main-image img {
  float: none;
}

.single-property .main-content h4 {
  font-size: 25px;
  margin-top: 25px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.single-property .main-content span.category {
  background-color: #fbd9cf;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  color: #1e1e1e;
  padding: 5px 12px;
  display: inline-block;
  margin-top: 40px;
}

.single-property .accordion {
  margin-top: 60px;
  margin-left: 0px;
  margin-right: 0px;
  --bs-accordion-border-radius: 10px;
  --bs-accordion-inner-border-radius: 10px;
  --bs-accordion-bg: #fafafa;
  --bs-accordion-border-color: none;
  border: none !important;
}

.single-property .accordion-header {
  border-bottom: 1px solid #eaeaea;
}

.single-property .accordion-button {
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  color: #1e1e1e;
}

.single-property .accordion-button:not(.collapsed) {
  color: #1c3480;
  background-color: #fafafa;
  outline: none;
}

.single-property .accordion-button::after {
  display: none;
}

.single-property #headingThree {
  border-bottom: none;
}

.single-property .accordion-item:last-of-type .accordion-collapse {
  border-top: 1px solid #eaeaea;
}

.single-property .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  margin-left: 60px;
}

.single-property .info-table ul li {
  display: block;
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}

.single-property .info-table ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.single-property .info-table ul li img {
  float: left;
  margin-right: 25px;
}

.single-property .info-table ul li h4 {
  font-size: 22px;
  font-weight: 600;
}

.single-property .info-table ul li h4 span {
  font-size: 15px;
  color: #aaa;
  font-weight: 400;
}


/* 
---------------------------------------------
Contact Page Style
--------------------------------------------- 
*/

.contact-page #map {
  margin-top: 100px;
}

.contact-page .section-heading {
  margin-bottom: 40px;
  margin-right: 280px;
}

.contact-page p {
  margin-bottom: 50px;
}

.contact-page .item {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
  display: inline-block;
  min-width: 360px;
}

.contact-page .phone {
  margin-bottom: 30px;
}

.contact-page .item img {
  float: left;
  margin-right: 25px;
  vertical-align: middle;
}

.contact-page .item h6 {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}

.contact-page .item h6 span {
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 400;
}

.contact-page #contact-form {
  margin-left: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 35px 30px;
  background-color: #fff;
}

.contact-page #contact-form label {
  font-size: 15px;
  color: #3a3a3a;
  margin-bottom: 15px;
}

.contact-page #contact-form input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 30px;
  font-size: 14px;
  padding: 0px 15px;
}

.contact-page #contact-form textarea {
  width: 100%;
  height: 150px;
  max-height: 180px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 40px;
  font-size: 14px;
  padding: 15px 15px;
}

.contact-page #contact-form button {
  background-color: #1e1e1e;
  height: 44px;
  border-radius: 22px;
  padding: 0px 20px;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 500;
  transition: all .5s;
}

.contact-page #contact-form button:hover {
  background-color: #1c3480;
}


/* 
---------------------------------------------
Responsive Style
--------------------------------------------- 
*/

body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .header-area .main-nav .logo h1 {
    line-height: 80px !important;
  }
  .best-deal .tabs-content .nav-link {
    font-size: 14px;
    padding: 0px 15px;
    height: 44px;
    line-height: 44px;
  }
  .best-deal .tabs-content ul.nav-tabs li {
    margin: 0px 5px;
  }
  .properties ul.properties-filter li a {
    font-size: 14px;
    padding: 10px 15px;
  }
  .properties ul.properties-filter li {
    margin: 5px;
  }
  .header-area .main-nav .nav li:last-child {
    display: none;
  }
}

@media (max-width: 992px) {
  .sub-header {
    display: none;
  }
  .header-area .main-nav .logo h1 {
    line-height: 100px;
  }
  .background-header .main-nav .logo h1 {
    line-height: 80px;
  }
  .header-area .main-nav .nav li a {
    padding-left: 3px;
    padding-right: 3px;
  }
  .header-area .main-nav .nav li:last-child a {
    padding-right: 15px;
  }
  .main-banner .item h2 {
    width: 100%;
  }
  .featured .section-heading {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 100px;
  }
  .featured .accordion {
    margin-left: 0px;
    margin-right: 0px;
  }
  .featured .info-table {
    margin-top: 45px;
  }
  .fun-facts .counter {
    margin-bottom: 45px;
  }
  .best-deal .section-heading {
    text-align: center;
  }
  .best-deal .tabs-content ul.nav-tabs {
    margin-top: 0px;
    justify-content: center;
  }
  .best-deal .info-table {
    margin-bottom: 45px;
  }
  .best-deal .tab-content img {
    padding: 0px;
  }
  .best-deal .tabs-content h4 {
    margin-top: 45px;
  }
  .properties .item h6 {
    text-align: center;
    margin-bottom: 15px;
  }
  .properties .item .main-button {
    text-align: center;
  }
  .properties .item ul li {
    margin-right: 10px;
    font-size: 13px;
  }
  .contact-content .phone {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .contact-content .email {
    margin-left: 0px;
    margin-bottom: 45px;
  }
  .contact-content #contact-form {
    margin-left: 0px;
  }
  .single-property .info-table {
    margin-left: 0px;
    margin-top: 45px;
  }
  .contact-page .section-heading {
    margin-right: 0px !important;
  }
  .contact-page #contact-form {
    margin-left: 0px;
    margin-top: 60px;
  }
  .best-deal .info-table ul li span {
    float: right !important;
    width: auto !important;
  }
}

@media (max-width: 1200px) {
  .best-deal .info-table ul li span {
    float: none;
    width: 100%;
  }
  .contact-page .section-heading {
    margin-right: 100px;
  }
}





/* ============================================
   INDEX SAYFASI ÜRÜNLER BÖLÜMÜ CSS
   ============================================ */

/* Ana bölüm */
.urunler-bolumu {
  padding: 80px 0;
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
}

/* Başlık alanı */
.urun-baslik h6 {
  font-size: 18px;
  font-weight: 700;
  color: #1c3480;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.urun-baslik h2 {
  font-size: 40px;
  font-weight: 700;
  color: #1e1e1e;
  margin: 0;
  line-height: 56px;
}

.urun-baslik {
  margin-bottom: 30px;
}

/* Tümü butonu - ürünler sayfasındaki filter stilini kullan ama dikdörtgen */
.tumu-buton-alan {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 25px;
}

.tumu-buton {
  background-color: #1e1e1e;
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px; /* Dikdörtgen şekil */
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid transparent;
}

.tumu-buton:hover {
  background-color: #1c3480;
  color: #fff;
  transform: translateY(-2px);
  text-decoration: none;
  border-color: #1c3480;
}

/* Ürün slider container */
.urun-slider-container {
  position: relative;
  overflow: visible;
  margin: 30px 60px;
}

.urun-slider-wrapper {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}

.urun-slider {
  display: flex !important;
  flex-wrap: nowrap !important;
  transition: transform 0.5s ease !important;
  width: auto !important;
  justify-content: flex-start !important;
}
/* Ürün kartı boyutlarını büyüt */
.urun-slider .urun-kart {
  flex: 0 0 280px !important; /* 200px yerine 280px */
  width: 280px !important;
  margin-right: 25px !important; /* 20px yerine 25px */
}

/* Ürün kartları - ürünler sayfasındakiyle aynı stil */
.urun-item {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  transition: all 0.3s;
  height: 100%;
}

.urun-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 25px rgba(0,0,0,0.15);
}

/* Ürün resimlerini büyüt */
.urun-item img {
  max-width: 100%;
  height: 200px; /* 150px yerine 200px */
  object-fit: contain;
  margin-bottom: 15px;
  border-radius: 5px;
}
/* Ürün adlarını kalınlaştır ve büyüt */
.urun-item h4 {
  font-size: 18px; /* 14px yerine 16px */
  margin: 15px 0px;
  text-align: center;
  line-height: 1.4;
}

.urun-item h4 a {
  color: #1e1e1e;
  text-decoration: none;
  font-weight: 700; /* 600 yerine 700 - daha kalın */
  font-size: 18px; /* Açık şekilde belirt */
}

.urun-item h4 a:hover {
  color: #1c3480;
  text-decoration: none;
}

/* Slider Navigation - Container dışında */
.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 120px);
  left: -60px;
  pointer-events: none;
  z-index: 10;
}

.slider-btn {
  position: absolute;
  background: rgba(28, 52, 128, 0.8);
  color: white;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  pointer-events: all;
  box-shadow: 0 4px 20px rgba(28, 52, 128, 0.3);
}

.slider-btn:hover {
  background: rgba(28, 52, 128, 1);
  transform: scale(1.1);
  box-shadow: 0 6px 25px rgba(28, 52, 128, 0.5);
}

.slider-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

/* Ürünler sayfasındaki filter butonlarını dikdörtgen yap */
.properties-filter li a {
  border-radius: 8px !important; /* Dikdörtgen şekil */
}

.brand-logo-wrapper {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
}

.brand-logo-img {
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.brand-logo-img:hover {
  transform: scale(1.1);
}

.prev-btn {
  left: 0;
}

.next-btn {
  right: 0;
}

/* Slider butonlarını gizle/göster */
.slider-nav.hidden {
  display: none;
}

/* Responsive */
@media (max-width: 991px) {
  .urun-slider .urun-kart {
    flex: 0 0 180px !important;
    width: 180px !important;
    margin-right: 15px !important;
  }
  
  .urun-slider .urun-kart:last-child {
    margin-right: 0 !important;
  }
  
  .tumu-buton-alan {
    justify-content: center !important;
    margin-top: 20px !important;
  }
  
  .slider-nav {
    width: calc(100% + 100px);
    left: -50px;
  }
}

@media (max-width: 767px) {
  .urunler-bolumu {
    padding: 60px 0;
  }
  
  .urun-baslik h6 {
    font-size: 16px;
    text-align: center;
  }
  
  .urun-baslik h2 {
    font-size: 32px;
    text-align: center;
  }
  
  .urun-baslik {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .urun-slider .urun-kart {
    flex: 0 0 160px !important;
    width: 160px !important;
    margin-right: 10px !important;
  }
  
  .urun-slider .urun-kart:last-child {
    margin-right: 0 !important;
  }
  
  .slider-btn {
    width: 45px !important;
    height: 45px !important;
    font-size: 16px !important;
  }
  
  .tumu-buton-alan {
    justify-content: center !important;
    margin-top: 15px !important;
  }
  
  .slider-nav {
    width: calc(100% + 80px);
    left: -40px;
  }
  
  /* Mobilde column düzeni */
  .row .col-lg-8,
  .row .col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .urun-slider .urun-kart {
    flex: 0 0 140px !important;
    width: 140px !important;
    margin-right: 10px !important;
  }
  
  .urun-slider .urun-kart:last-child {
    margin-right: 0 !important;
  }
  
  .urun-slider-wrapper {
    width: 300px !important; /* 2 * (140px + 10px) + 20px padding */
  }
  
  .slider-nav {
    width: calc(100% + 60px);
    left: -30px;
  }
  
  .slider-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
  }
  
  .urun-baslik h2 {
    font-size: 28px;
  }
}



   /* Ana kategori filtreleri */
        .properties-filter {
            text-align: center;
            margin-bottom: 30px;
            padding: 0;
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }
        
        .properties-filter li a {
            display: inline-block;
            background-color: #f8f8f8;
            color: #2a2a2a;
            font-size: 15px;
            font-weight: 500;
            padding: 12px 25px;
            border-radius: 25px;
            text-decoration: none;
            transition: all 0.3s;
            border: 2px solid transparent;
        }
        
        .properties-filter li a:hover,
        .properties-filter li a.is_active {
            background-color: #1c3480;
            color: #fff;
            border-color: #1c3480;
        }
        
        /* Marka filtreleri */
        .brand-filter {
            display: none;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 30px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
        }
        
        .brand-filter.show {
            display: flex;
        }
        
        .brand-btn {
            background: white;
            border: 2px solid #ddd;
            padding: 10px 20px;
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.3s;
            font-size: 14px;
            font-weight: 500;
        }
        
        .brand-btn:hover,
        .brand-btn.active {
            border-color: #1c3480;
            color: #1c3480;
        }

        /* Ürün kartları */
        .properties-items {
            transition: all 0.3s ease;
            display: block;
            opacity: 1;
        }
        
        .properties-items.hide {
            display: none;
        }
        
        .item {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            transition: all 0.3s;
            height: 100%;
        }
        
        .item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 25px rgba(0,0,0,0.15);
        }
        
        .item img {
            max-width: 100%;
            height: 150px;
            object-fit: contain;
            margin-bottom: 15px;
        }
        
        .item h4 {
            font-size: 16px;
            margin: 0;
            line-height: 1.4;
        }
        
        .item h4 a {
            color: #2a2a2a;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .item h4 a:hover {
            color: #1c3480;
        }
        
        /* Responsive tasarım */
        @media (max-width: 768px) {
            .properties-filter {
                flex-direction: column;
                align-items: center;
            }
            
            .properties-filter li {
                margin-bottom: 10px;
            }
            
            .brand-filter {
                flex-direction: column;
                align-items: center;
            }
            
            .brand-btn {
                margin-bottom: 10px;
                min-width: 150px;
            }
        }
        
        /* Sayfa geçiş animasyonu */
        .page-content {
            animation: fadeIn 0.5s ease-in;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }