.elementor-15881 .elementor-element.elementor-element-0f8e52b:not(.elementor-motion-effects-element-type-background), .elementor-15881 .elementor-element.elementor-element-0f8e52b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-15881 .elementor-element.elementor-element-0f8e52b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-15881 .elementor-element.elementor-element-0f8e52b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15881 .elementor-element.elementor-element-86a3bee{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-15881 .elementor-element.elementor-element-86a3bee > .elementor-widget-container{margin:050px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-86a3bee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15881 .elementor-element.elementor-element-86a3bee .elementor-heading-title{font-family:"GeneralSans-Variable", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;color:#02021E;}.elementor-15881 .elementor-element.elementor-element-819479f{text-align:center;font-size:18px;}.elementor-15881 .elementor-element.elementor-element-9a087e9{--display:flex;--justify-content:center;--margin-top:17px;--margin-bottom:41px;--margin-left:0px;--margin-right:0px;}.elementor-15881 .elementor-element.elementor-element-f1850bc > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-f1850bc.elementor-element{--align-self:center;}.elementor-15881 .elementor-element.elementor-element-48d2b682{--display:flex;}.elementor-15881 .elementor-element.elementor-element-48d2b682.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15881 .elementor-element.elementor-element-4e8b96dc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15881 .elementor-element.elementor-element-4e8b96dc > .elementor-widget-container{margin:-60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-4e8b96dc.elementor-element{--align-self:center;}.elementor-15881 .elementor-element.elementor-element-e89d074{padding:50px 0px 50px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15881 .elementor-element.elementor-element-2e510d8{text-align:center;}.elementor-15881 .elementor-element.elementor-element-2e510d8 .elementor-heading-title{font-family:"GeneralSans-Variable", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;color:#02021E;}.elementor-15881 .elementor-element.elementor-element-9e4de36{--display:flex;}.elementor-15881 .elementor-element.elementor-element-ca023cf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15881 .elementor-element.elementor-element-ca023cf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-ca023cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15881 .elementor-element.elementor-element-4e668088{padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-6021b465 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-fac9cdf{--display:flex;}@media(min-width:768px){.elementor-15881 .elementor-element.elementor-element-48d2b682{--width:100.472%;}}@media(max-width:1024px){.elementor-15881 .elementor-element.elementor-element-0f8e52b{padding:60px 0px 60px 0px;}.elementor-15881 .elementor-element.elementor-element-86a3bee > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-86a3bee .elementor-heading-title{font-size:48px;}.elementor-15881 .elementor-element.elementor-element-e89d074{padding:60px 0px 60px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8 .elementor-heading-title{font-size:48px;}.elementor-15881 .elementor-element.elementor-element-4e668088{padding:60px 0px 60px 0px;}}@media(max-width:767px){.elementor-15881 .elementor-element.elementor-element-0f8e52b{padding:40px 0px 40px 0px;}.elementor-15881 .elementor-element.elementor-element-86a3bee > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-15881 .elementor-element.elementor-element-86a3bee .elementor-heading-title{font-size:30px;}.elementor-15881 .elementor-element.elementor-element-e89d074{padding:40px 0px 40px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-15881 .elementor-element.elementor-element-2e510d8 .elementor-heading-title{font-size:30px;}.elementor-15881 .elementor-element.elementor-element-4e668088{padding:40px 0px 40px 0px;}}/* Start custom CSS for html, class: .elementor-element-4e8b96dc *//* Portfolio görselleri arasındaki boşluğu artırır */
.works-wrap .grid {
  gap: 15px !important;   /* varsayılan 24px, istersen 40px yapabilirsin */
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Mobil uyumlu düzen: küçük ekranlarda boşluğu biraz azalt */
@media (max-width: 768px) {
  .works-wrap .grid {
    gap: 15px !important;
  }
}

@media (max-width: 480px) {
  .works-wrap .grid {
    gap: 10px !important;
  }
}

/* 🔹 Lightbox oklarını görünür ve sabit hale getir */
.lightbox .prev,
.lightbox .next {
  display: block !important;
  opacity: 1 !important;
  z-index: 10001 !important;
  color: #fff !important;
  font-size: 52px !important;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  transition: background 0.3s ease;
}
.lightbox .prev:hover,
.lightbox .next:hover {
  background: rgba(255,77,0,0.6); /* Grexon turuncusu */
}

/* 🔹 Thumbnail (küçük resim) alanını belirgin hale getir */
.lightbox .thumbs {
  display: flex !important;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-bottom: 8px;
}
.lightbox .thumbs img {
  border: 2px solid transparent;
  border-radius: 10px;
  width: 100px;
  height: 80px;
  object-fit: cover;
  transition: transform .25s ease, border .25s ease;
}
.lightbox .thumbs img:hover,
.lightbox .thumbs img.active {
  transform: scale(1.1);
  border-color: #ff4d00; /* Grexon turuncusu */
}/* End custom CSS */