.elementor-127 .elementor-element.elementor-element-30f7769{--display:flex;}.elementor-127 .elementor-element.elementor-element-fb7a8c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-274fff5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-96df66c{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-96df66c:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-96df66c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFF8E;}.elementor-127 .elementor-element.elementor-element-9723a64{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-9723a64 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-395d887{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-8f85a44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-551649c{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-551649c:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-551649c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B08EFF;}.elementor-127 .elementor-element.elementor-element-cd7f9c2{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-cd7f9c2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-7177f3d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-a2a9803{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2dfabbf{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2dfabbf:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-2dfabbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF8EAC;}.elementor-127 .elementor-element.elementor-element-7e1ce3e{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-7e1ce3e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-f32eef4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3f1ad76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-4ff44b0{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-4ff44b0:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-4ff44b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD08E;}.elementor-127 .elementor-element.elementor-element-0665a4e{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-0665a4e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-050f629{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-63ce32c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-81d0b1c{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-81d0b1c:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-81d0b1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD08E;}.elementor-127 .elementor-element.elementor-element-158acbe{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-158acbe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-9091000{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2e27335{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-6a8203a{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-6a8203a:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-6a8203a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD08E;}.elementor-127 .elementor-element.elementor-element-3d3e6af{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-3d3e6af > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-0a923ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-d5256bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2c74afe{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2c74afe:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-2c74afe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD08E;}.elementor-127 .elementor-element.elementor-element-fa71bc0{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-fa71bc0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-3cf26dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3b88c9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-e87177d{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-e87177d:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-e87177d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD08E;}.elementor-127 .elementor-element.elementor-element-933d6a8{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-933d6a8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-855917f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-a607056{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-a24d210{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-a24d210:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-a24d210 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF8EAC;}.elementor-127 .elementor-element.elementor-element-44e2888{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-44e2888 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-c30d364{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-f08d9ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-b80e5b1{--display:flex;--min-height:576px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-b80e5b1:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-b80e5b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD0EE;}.elementor-127 .elementor-element.elementor-element-216b82d{width:100%;max-width:100%;}.elementor-127 .elementor-element.elementor-element-216b82d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-c4fd1fb{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}.elementor-127 .elementor-element.elementor-element-c4fd1fb > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-127 .elementor-element.elementor-element-c4fd1fb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}.elementor-127 .elementor-element.elementor-element-c4fd1fb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-127 .elementor-element.elementor-element-c4fd1fb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-127 .elementor-element.elementor-element-c4fd1fb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-96df66c{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-551649c{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-2dfabbf{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-4ff44b0{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-81d0b1c{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-6a8203a{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-2c74afe{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-e87177d{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-a24d210{--min-height:355px;}.elementor-127 .elementor-element.elementor-element-b80e5b1{--min-height:355px;}}@media(min-width:768px){.elementor-127 .elementor-element.elementor-element-96df66c{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-551649c{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-2dfabbf{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-4ff44b0{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-81d0b1c{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-6a8203a{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-2c74afe{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-e87177d{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-a24d210{--content-width:500px;}.elementor-127 .elementor-element.elementor-element-b80e5b1{--content-width:500px;}}/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9723a64 */.product-scene {
  position: relative;
  width: 400px;
  height: 400px;
  margin: auto;
}

.product-img {
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translateX(-50%); /* Ortalamak için */
  transition: transform 1s ease, z-index 0.3s;
  margin: 0; /* Fazladan boşluğu sıfırla */
  padding: 0;
}

.product-img.center {
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.product-img.left {
  left: 35%;
  transform: translateX(-50%);
  z-index: 2;
}

.product-img.right {
  left: 65%;
  transform: translateX(-50%);
  z-index: 2;
}

/* Hoverda ürün hareketleri */
.product_container:hover .product-img.center {
  transform: translate(-50%, -50px);
}

.product_container:hover .product-img.left {
  transform: translate(-90%, -60px);
}

.product_container:hover .product-img.right {
  transform: translate(-10%, -60px);
}

/* Uçan ikonlar (başlangıçta görünür) */
.fly-item {
  position: absolute;
  z-index: 1;
  opacity: 1; /* Görünür */
  pointer-events: none;
  transition: all 1.2s ease;
}

/* İlk konumlar (hover öncesi) */
.item1 {
  left: 1%;   /* sol ürün hizasında */
  top: 35%;    /* biraz yukarı */
  transform: translate(-50%, 0) scale(1.2);
}

.item2 {
  left: 50%;   /* ortada */
  bottom:50%;   /* biraz daha yukarı */
  transform: translate(-50%, 0) scale(0.9);
}

.item3 {
  left: 90%;   /* sağ ürün hizasında */
  top: 35%;
  transform: translate(-50%, 0) scale(1.2);
}

/* Hoverda uçan ikonlar */
.product_container:hover .fly-item {
  opacity: 1;
  transform: translate(-90%, -200px) scale(1); /* Çok daha yukarı */
}

.product_container:hover .item1 {
 transform: translate(-110%, -220px) scale(1) rotate(-10deg); /* Sola eğim */
}

.product_container:hover .item2 {
  transform: translate(-50%, -50px) scale(1.2);
}

.product_container:hover .item3 {
  transform: translate(20%, -220px) scale(1) rotate(10deg); /* Sağa eğim */
}

/* Hover butonu */
.hover-btn {
  position: absolute;
  left: 50%;
  bottom: -50px; /* Görünmeyen konum */
  transform: translateX(-50%) scale(0.8);
  border-radius: 123px;
  border: 1px solid #FFF;
  background: rgba(92, 92, 92, 0.44);
  backdrop-filter: blur(3px);
  padding: 10px 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 5;
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hover-btn:hover {
  color: #E5E47E;
}

/* Hover olunca ortaya çıkma */
.product_container:hover .hover-btn {
  bottom: 30px; /* Ortadan biraz aşağıda görünür */
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* Mobil uyum */
@media (max-width: 768px) {
  .product-scene {
    width: 280px;
    height: 280px;
  }

  .product-img {
    bottom: -10%; /* Görsel zemine daha yakın */
    max-width: 80%; /* Genişlik küçültme */
  }

  /* Ürün hareketleri hover (mobilde genelde tıklama olur ama yine ekledim) */
  .product-scene:hover .product-img.center {
    transform: translate(-50%, -10px);
  }
  .product-scene:hover .product-img.left {
    transform: translate(-80%, -10px);
  }
  .product-scene:hover .product-img.right {
    transform: translate(-20%, -10px);
  }

  /* Uçan ikonlar biraz daha kısa mesafe uçar */
  .product-scene:hover .item1 {
    transform: translate(-120%, -120px) scale(0.9);
  }
  .product-scene:hover .item2 {
    transform: translate(-50%, -180px) scale(1);
  }
  .product-scene:hover .item3 {
    transform: translate(30%, -120px) scale(0.9);
  }

  /* Hover butonu mobilde daha küçük */
  .hover-btn {
    font-size: 18px;
    padding: 8px 30px;
    bottom: -40px;
  }
  .product-scene:hover .hover-btn {
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .product-scene {
    width: 220px;
    height: 220px;
  }

  .product-img {
    max-width: 75%;
    bottom: -5%;
  }

  /* Buton iyice küçülür */
  .hover-btn {
    font-size: 16px;
    padding: 6px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-c4fd1fb */.tab-title {
     display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  width: 200px;   /* Tab başlık genişliği */
  height: 200px;  /* Tab başlık yüksekliği */
  cursor: pointer;

}

.tab-title img {
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* Oranı koruyarak alanı doldurur */
  transition: opacity 0.8s ease; /* Yumuşak geçiş süresi */
}

/* İlk görsel başlangıçta görünür */
.tab-title .gorsel1 {
  opacity: 1;
  z-index: 1;
}

/* İkinci görsel başlangıçta görünmez */
.tab-title .gorsel2 {
  opacity: 0;
  z-index: 2;
}

/* Hover olunca ikinci görsel yavaşça görünür */
.tab-title:hover .gorsel1 {
  opacity: 0;
}

.tab-title:hover .gorsel2 {
  opacity: 1;
}
.tab-text {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  color: black; /* Normalde siyah */
  transition: all 0.8s ease;
}

/* Hover olunca text gradient oluyor */
.tab-title:hover .tab-text {
 background: linear-gradient(108deg, #092269 0%, #267AD2 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}/* End custom CSS */