.elementor-17906 .elementor-element.elementor-element-1947858b:not(.elementor-motion-effects-element-type-background), .elementor-17906 .elementor-element.elementor-element-1947858b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-17906 .elementor-element.elementor-element-1947858b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-17906 .elementor-element.elementor-element-1947858b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17906 .elementor-element.elementor-element-1dc1626b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-17906 .elementor-element.elementor-element-1dc1626b > .elementor-widget-container{margin:050px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-1dc1626b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17906 .elementor-element.elementor-element-1dc1626b .elementor-heading-title{font-family:"GeneralSans-Variable", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;color:#02021E;}.elementor-17906 .elementor-element.elementor-element-4ff1c07{text-align:center;font-size:18px;}.elementor-17906 .elementor-element.elementor-element-3cd4fcde{--display:flex;--justify-content:center;--margin-top:17px;--margin-bottom:41px;--margin-left:0px;--margin-right:0px;}.elementor-17906 .elementor-element.elementor-element-3b33aeb7 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-3b33aeb7.elementor-element{--align-self:center;}.elementor-17906 .elementor-element.elementor-element-3c364df6{--display:flex;}.elementor-17906 .elementor-element.elementor-element-3c364df6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17906 .elementor-element.elementor-element-288591f2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17906 .elementor-element.elementor-element-288591f2 > .elementor-widget-container{margin:-60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-288591f2.elementor-element{--align-self:center;}.elementor-17906 .elementor-element.elementor-element-173d31ef{padding:50px 0px 50px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17906 .elementor-element.elementor-element-2954efe0{text-align:center;}.elementor-17906 .elementor-element.elementor-element-2954efe0 .elementor-heading-title{font-family:"GeneralSans-Variable", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;color:#02021E;}.elementor-17906 .elementor-element.elementor-element-5b9abfe4{--display:flex;}.elementor-17906 .elementor-element.elementor-element-3a729d10{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17906 .elementor-element.elementor-element-3a729d10 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-3a729d10.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17906 .elementor-element.elementor-element-64faffda{padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-683bd6c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-17906 .elementor-element.elementor-element-3c364df6{--width:100.472%;}}@media(max-width:1024px){.elementor-17906 .elementor-element.elementor-element-1947858b{padding:60px 0px 60px 0px;}.elementor-17906 .elementor-element.elementor-element-1dc1626b > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-1dc1626b .elementor-heading-title{font-size:48px;}.elementor-17906 .elementor-element.elementor-element-173d31ef{padding:60px 0px 60px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0 .elementor-heading-title{font-size:48px;}.elementor-17906 .elementor-element.elementor-element-64faffda{padding:60px 0px 60px 0px;}}@media(max-width:767px){.elementor-17906 .elementor-element.elementor-element-1947858b{padding:40px 0px 40px 0px;}.elementor-17906 .elementor-element.elementor-element-1dc1626b > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-17906 .elementor-element.elementor-element-1dc1626b .elementor-heading-title{font-size:30px;}.elementor-17906 .elementor-element.elementor-element-173d31ef{padding:40px 0px 40px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-17906 .elementor-element.elementor-element-2954efe0 .elementor-heading-title{font-size:30px;}.elementor-17906 .elementor-element.elementor-element-64faffda{padding:40px 0px 40px 0px;}}/* Start custom CSS for html, class: .elementor-element-288591f2 *//* 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 */