.elementor-8 .elementor-element.elementor-element-f482a30{--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;}/* Start custom CSS for html, class: .elementor-element-624601f *//* === Genel kapsayıcı === */
.urun-kapsayici {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 40px 0;
}

/* === Her kart === */
.urun-kart {
  display: block;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1 / 1; /* Her cihazda kare görünüm */
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  flex: 1 1 350px; /* aynı yükseklik ve orantı */
  transition: transform 0.3s ease;
}

.urun-kart:hover {
  transform: translateY(-5px);
}

.urun-resim {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.4s ease;
}

/* === Alt kısım şerit === */
.urun-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(46, 64, 82, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  border-top-right-radius: 80px;
  transition: background 0.3s ease;
}

.urun-bilgi span {
  color: #cdd8e0;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.urun-bilgi h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin-top: 6px;
}

/* === İkon buton === */
.urun-ikon {
  position: relative;
  width: 65px;
  height: 65px;
  background: #2e4052; /* sabit renk - beyaz olmuyor */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}

.urun-ikon svg {
  stroke: #fff;
  transition: transform 0.4s ease;
}

.ikon-halka {
  position: absolute;
  width: 78px;
  height: 78px;
  border: 2px solid rgba(52, 110, 151, 0.6);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s ease;
}

/* === Hover efektleri === */
.urun-kart:hover .urun-overlay {
  background: #2e4052;
}

.urun-kart:hover .urun-ikon {
  transform: scale(1.1);
}

.urun-kart:hover .urun-ikon svg {
  transform: rotate(45deg);
}

.urun-kart:hover .ikon-halka {
  opacity: 1;
  transform: scale(1);
}

/* === Her cihazda aynı görünüm === */
@media (max-width: 1500px) {
  .urun-kart {
    flex: 1 1 300px;
    max-width: 360px;
  }
}

@media (max-width: 1024px) {
  .urun-kapsayici {
    gap: 25px;
  }
  .urun-kart {
    flex: 1 1 320px;
    max-width: 340px;
  }
}

@media (max-width: 768px) {
  .urun-kapsayici {
    flex-direction: column;
    gap: 25px;
  }
  .urun-kart {
    max-width: 90%;
  }
  .urun-overlay {
    padding: 20px 25px;
    border-top-right-radius: 65px;
  }
  .urun-bilgi h3 {
    font-size: 22px;
  }
  .urun-ikon {
    width: 55px;
    height: 55px;
  }
  .ikon-halka {
    width: 65px;
    height: 65px;
  }
}/* End custom CSS */