/* Custom Dropdown CSS - Removes movement effects and animations */

/* Masaüstü sitede tp-menu-close butonunu gizle */
@media (min-width: 768px) {
  .tp-menu-close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* Remove dropdown movement effects */
.tp-header-dropdown nav ul li .tp-submenu {
  transition: none !important;
  transform: none !important;
  transform-origin: unset !important;
}

.tp-header-dropdown nav ul li:hover > .tp-submenu {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

.tp-header-dropdown nav ul li:hover > .tp-megamenu-wrapper {
  transition: none !important;
  transform: none !important;
}

/* Remove offcanvas movement effects */
.tp-offcanvas-wrapper {
  transition: none !important;
  transform: none !important;
}

.tp-offcanvas-wrapper.tp-offcanvas-open {
  transform: none !important;
}

/* Header sticky arkaplan rengini kaldır */
#header-sticky.header-sticky {
  background: transparent !important;
  box-shadow: none !important;
}

/* Logo pozisyonunu sabit tut - scroll efektlerini kaldır */
.tp-header-logo {
  transform: none !important;
  transition: none !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Scroll sırasında logo hareket etmesin */
.header-scrolled .tp-header-logo,
.header-scrolled-more .tp-header-logo,
.header-sticky .tp-header-logo {
  transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Logo hover efektini de kaldır */
.tp-header-logo:hover {
  transform: none !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.tp-header-logo:hover img {
  transform: none !important;
}

/* Remove submenu arrow rotation animations */
.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children > a::after {
  transition: none !important;
}

/* Remove body overlay transition */
.body-overlay {
  transition: none !important;
}

/* Ensure immediate visibility without animations */
.tp-header-dropdown nav ul li .tp-submenu,
.tp-header-dropdown nav ul li .tp-megamenu-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Remove any other potential animations */
* {
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}

/* Mobil Header Özelleştirmeleri */
@media (max-width: 767px) {
  /* Logo büyütme ve ortalama */
  .tp-header-2-area .tp-header-logo {
    text-align: center !important;
    width: 100% !important;
    padding: 0 !important;
  }
  
  .tp-header-2-area .tp-header-logo img {
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  
  /* Logo container'ı ortala */
  .tp-header-2-area .col-6:first-child {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  
  /* Sağ üst köşedeki menü ikonunu gizle */
  .tp-header-2-area .col-6:last-child {
    display: none !important;
  }
  
  /* Header container'ı ortala */
  .tp-header-2-area .container {
    text-align: center !important;
  }
  
  /* Row'u ortala */
  .tp-header-2-area .row {
    justify-content: center !important;
  }
  
  /* Mobil logo pozisyonunu menü altında göster */
  .tp-header-2-area .tp-header-logo {
    position: fixed !important;
    top: 80px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: -999 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border: none !important;
    outline: none !important;
  }
  
  .tp-header-2-area .tp-header-logo *,
  .tp-header-2-area .tp-header-logo img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  
  /* Mobil scroll sırasında logo sabit kalsın - TÜM class'lar için */
  .tp-header-2-area.header-scrolled .tp-header-logo,
  .tp-header-2-area.header-scrolled-more .tp-header-logo,
  .tp-header-2-area.header-sticky .tp-header-logo {
    position: fixed !important;
    top: 80px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: -999 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border: none !important;
    outline: none !important;
  }
  
  .tp-header-2-area.header-scrolled .tp-header-logo *,
  .tp-header-2-area.header-scrolled-more .tp-header-logo *,
  .tp-header-2-area.header-sticky .tp-header-logo *,
  .tp-header-2-area.header-scrolled .tp-header-logo img,
  .tp-header-2-area.header-scrolled-more .tp-header-logo img,
  .tp-header-2-area.header-sticky .tp-header-logo img {
    transform: none !important;
    opacity: 1 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  
  /* Mobil logo hover efektini tamamen kaldır */
  .tp-header-2-area .tp-header-logo:hover,
  .tp-header-2-area .tp-header-logo:hover *,
  .tp-header-2-area .tp-header-logo:hover img {
    transform: none !important;
    position: fixed !important;
    top: 80px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: -999 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  
  .tp-header-2-area .tp-header-logo:hover *,
  .tp-header-2-area .tp-header-logo:hover img {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  
  /* Mobil header alanı için ek sabitleme */
  .tp-header-2-area {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    position: relative !important;
  }
  
    /* Mobil header scroll durumları için */
  .tp-header-2-area.header-scrolled,
  .tp-header-2-area.header-scrolled-more,
  .tp-header-2-area.header-sticky {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    position: relative !important;
  }
  
  /* Mobil menü z-index'ini yükselt - logo üzerinde görünsün */
  .tp-mobile-menu-active {
    z-index: 999999 !important;
    position: relative !important;
  }
  
  /* Mobil menü açıldığında body overlay z-index'ini de yükselt */
  .body-overlay {
    z-index: 999998 !important;
  }
  
  /* Mobil menü açıldığında logo tamamen gizlensin */
  .tp-mobile-menu-active ~ .tp-header-2-area .tp-header-logo,
  .tp-mobile-menu-active ~ header .tp-header-2-area .tp-header-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  
     /* Mobil header logo kaybolma sorununu çöz */
   .tp-header-2-area .tp-header-logo {
     visibility: visible !important;
     display: block !important;
     opacity: 1 !important;
     clip: auto !important;
     clip-path: none !important;
     z-index: -999 !important;
     position: fixed !important;
     top: 35px !important;
     left: 50% !important;
     transform: translateX(-50%) !important;
     background: transparent !important;
     border: none !important;
     outline: none !important;
     box-shadow: none !important;
   }
  
  .tp-header-2-area .tp-header-logo *,
  .tp-header-2-area .tp-header-logo img {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    z-index: 9999 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  
     /* Mobil scroll durumlarında logo görünürlüğünü koru */
   .tp-header-2-area.header-scrolled .tp-header-logo,
   .tp-header-2-area.header-scrolled-more .tp-header-logo,
   .tp-header-2-area.header-sticky .tp-header-logo {
     visibility: visible !important;
     display: block !important;
     opacity: 1 !important;
     clip: auto !important;
     clip-path: none !important;
     z-index: -999 !important;
     position: fixed !important;
     top: 35px !important;
     left: 50% !important;
     transform: translateX(-50%) !important;
     background: transparent !important;
     border: none !important;
     outline: none !important;
     box-shadow: none !important;
   }
  
  .tp-header-2-area.header-scrolled .tp-header-logo *,
  .tp-header-2-area.header-scrolled-more .tp-header-logo *,
  .tp-header-2-area.header-sticky .tp-header-logo *,
  .tp-header-2-area.header-scrolled .tp-header-logo img,
  .tp-header-2-area.header-scrolled-more .tp-header-logo img,
  .tp-header-2-area.header-sticky .tp-header-logo img {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }
  
  /* Mobil header için ek görünürlük garantisi */
  .tp-header-2-area {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    z-index: 9999 !important;
    position: relative !important;
  }
  
  /* Mobil header scroll durumlarında görünürlük */
  .tp-header-2-area.header-scrolled,
  .tp-header-2-area.header-scrolled-more,
  .tp-header-2-area.header-sticky {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    z-index: 9999 !important;
    position: relative !important;
  }
}

/* tp-offcanvas-2-left-wrap alanını sayfanın en sağ üstünde konumlandır */
.tp-offcanvas-2-left-wrap {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 99999 !important;
  background: transparent !important;
  padding: 15px !important;
  border-radius: 10px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: all 0.3s ease !important;
}

.tp-offcanvas-2-left-wrap:hover {
  background: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}

/* İkonu daha belirgin hale getir */
.tp-offcanvas-2-left-wrap i,
.tp-offcanvas-2-left-wrap svg {
  color: #ffffff !important;
  font-size: 24px !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)) !important;
  transition: all 0.3s ease !important;
}

.tp-offcanvas-2-left-wrap:hover i,
.tp-offcanvas-2-left-wrap:hover svg {
  color: #FFD700 !important;
  transform: scale(1.1) !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 1)) !important;
}

/* Mobil cihazlarda da aynı konumda kalsın */
@media (max-width: 767px) {
  .tp-offcanvas-2-left-wrap {
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    margin-bottom: 0 !important;
  }
}

/* tp-offcanvas-menu counter-row alanını aşağı doğru kaydır */
.tp-offcanvas-menu.counter-row {
  top: 150px !important;
  position: relative !important;
  margin-top: 50px !important;
}

/* Mobil cihazlarda yukarı taşı */
@media (max-width: 767px) {
  .tp-offcanvas-menu.counter-row {
    top: 80px !important;
    margin-top: 20px !important;
  }
}

/* Mobil ekran için uçuşan sosyal medya elementleri - 3D Uçuşan Efekt */
.mobile-social-elements {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: visible;
  perspective: 1000px;
  z-index: 9999 !important;
}

.social-element {
  position: absolute !important;
  font-size: 20px;
  color: #ffffff;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.9);
  z-index: 10000 !important;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform-style: preserve-3d;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6));
  transition: all 0.3s ease;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* SVG ikonlar için 3D stil */
.social-element svg {
  width: 28px !important;
  height: 28px !important;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.8)) !important;
  transition: all 0.3s ease !important;
  transform-style: preserve-3d !important;
  perspective: 1000px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.social-element .count-text {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  margin-left: 10px !important;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.9) !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.7)) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Beğeni ikonu - Sol üst, pembe küre üzerinde */
.like-element {
  top: -40px !important;
  left: 15% !important;
  animation-name: floatLike3D;
  animation-delay: 0s;
  color: #FF69B4 !important;
  z-index: 10001 !important;
}

/* Yorum ikonu - Sağ üst, mavi küre üzerinde */
.comment-element {
  top: -35px !important;
  right: 20% !important;
  animation-name: floatComment3D;
  animation-delay: 0.8s;
  color: #87CEEB !important;
  z-index: 10002 !important;
}

/* Emoji ikonu - Sol alt, sarı emoji */
.emoji-element {
  bottom: -50px !important;
  left: 12% !important;
  animation-name: floatEmoji3D;
  animation-delay: 1.6s;
  color: #FFD700 !important;
  z-index: 10003 !important;
}

/* Beğeni sayısı - Sağ alt, pembe küre üzerinde */
.like-count-element {
  bottom: -45px !important;
  right: 18% !important;
  animation-name: floatLikeCount3D;
  animation-delay: 2.4s;
  color: #FF69B4 !important;
  z-index: 10004 !important;
}

/* Yorum sayısı - Sol orta, mavi küre üzerinde */
.comment-count-element {
  top: 50% !important;
  left: 8% !important;
  animation-name: floatCommentCount3D;
  animation-delay: 3.2s;
  color: #87CEEB !important;
  z-index: 10005 !important;
}

/* Paylaşım ikonu - Sağ orta, mavi küre üzerinde */
.share-element {
  top: 45% !important;
  right: 10% !important;
  animation-name: floatShare3D;
  animation-delay: 4s;
  color: #87CEEB !important;
  z-index: 10006 !important;
}

/* 3D Uçuşan Animasyonlar - Görseldeki gibi dinamik hareket */
@keyframes floatLike3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 105, 180, 0.6));
  }
  25% {
    transform: translate3d(15px, -20px, 30px) rotate3d(0, 1, 0, 25deg) scale(1.2);
    filter: drop-shadow(0 12px 24px rgba(255, 105, 180, 0.8));
  }
  50% {
    transform: translate3d(-10px, -35px, 45px) rotate3d(0, 1, 0, -15deg) scale(1.3);
    filter: drop-shadow(0 16px 32px rgba(255, 105, 180, 1));
  }
  75% {
    transform: translate3d(20px, -15px, 35px) rotate3d(0, 1, 0, 30deg) scale(1.1);
    filter: drop-shadow(0 10px 20px rgba(255, 105, 180, 0.7));
  }
}

@keyframes floatComment3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 0, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.6));
  }
  25% {
    transform: translate3d(-18px, -25px, 35px) rotate3d(1, 0, 0, 30deg) scale(1.25);
    filter: drop-shadow(0 14px 28px rgba(135, 206, 235, 0.8));
  }
  50% {
    transform: translate3d(12px, -40px, 50px) rotate3d(1, 0, 0, -20deg) scale(1.35);
    filter: drop-shadow(0 18px 36px rgba(135, 206, 235, 1));
  }
  75% {
    transform: translate3d(-25px, -20px, 30px) rotate3d(1, 0, 0, 35deg) scale(1.15);
    filter: drop-shadow(0 12px 24px rgba(135, 206, 235, 0.7));
  }
}

@keyframes floatEmoji3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 215, 0, 0.6));
  }
  25% {
    transform: translate3d(20px, 25px, 40px) rotate3d(0, 0, 1, 35deg) scale(1.3);
    filter: drop-shadow(0 14px 28px rgba(255, 215, 0, 0.8));
  }
  50% {
    transform: translate3d(-15px, 45px, 55px) rotate3d(0, 0, 1, -25deg) scale(1.4);
    filter: drop-shadow(0 18px 36px rgba(255, 215, 0, 1));
  }
  75% {
    transform: translate3d(25px, 30px, 35px) rotate3d(0, 0, 1, 40deg) scale(1.2);
    filter: drop-shadow(0 12px 24px rgba(255, 215, 0, 0.7));
  }
}

@keyframes floatLikeCount3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 1, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 105, 180, 0.6));
  }
  25% {
    transform: translate3d(-22px, 20px, 45px) rotate3d(1, 1, 0, 40deg) scale(1.35);
    filter: drop-shadow(0 14px 28px rgba(255, 105, 180, 0.8));
  }
  50% {
    transform: translate3d(18px, 35px, 60px) rotate3d(1, 1, 0, -30deg) scale(1.45);
    filter: drop-shadow(0 18px 36px rgba(255, 105, 180, 1));
  }
  75% {
    transform: translate3d(-30px, 25px, 40px) rotate3d(1, 1, 0, 45deg) scale(1.25);
    filter: drop-shadow(0 12px 24px rgba(255, 105, 180, 0.7));
  }
}

@keyframes floatCommentCount3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 1, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.6));
  }
  25% {
    transform: translate3d(25px, -15px, 50px) rotate3d(0, 1, 1, 45deg) scale(1.4);
    filter: drop-shadow(0 14px 28px rgba(135, 206, 235, 0.8));
  }
  50% {
    transform: translate3d(-20px, -30px, 65px) rotate3d(0, 1, 1, -35deg) scale(1.5);
    filter: drop-shadow(0 18px 36px rgba(135, 206, 235, 1));
  }
  75% {
    transform: translate3d(35px, -20px, 45px) rotate3d(0, 1, 1, 50deg) scale(1.3);
    filter: drop-shadow(0 12px 24px rgba(135, 206, 235, 0.7));
  }
}

@keyframes floatShare3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 0, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.6));
  }
  25% {
    transform: translate3d(-25px, -20px, 55px) rotate3d(1, 0, 1, 50deg) scale(1.3);
    filter: drop-shadow(0 14px 28px rgba(135, 206, 235, 0.8));
  }
  50% {
    transform: translate3d(22px, -35px, 70px) rotate3d(1, 0, 1, -40deg) scale(1.4);
    filter: drop-shadow(0 18px 36px rgba(135, 206, 235, 1));
  }
  75% {
    transform: translate3d(-35px, -25px, 50px) rotate3d(1, 0, 1, 55deg) scale(1.2);
    filter: drop-shadow(0 12px 24px rgba(135, 206, 235, 0.7));
  }
}

/* 3D Hover efektleri - Görseldeki gibi parlak ve dinamik */
.social-element:hover {
  animation-play-state: paused;
  transform: scale(1.6) translateZ(60px) rotateY(20deg) rotateX(20deg) !important;
  filter: brightness(1.5) drop-shadow(0 0 25px rgba(255, 255, 255, 0.9)) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  z-index: 20000 !important;
}

.social-element:hover svg {
  transform: scale(1.3) rotateY(25deg) rotateX(25deg) translateZ(30px) !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 1)) brightness(1.4) !important;
}

.social-element:hover .count-text {
  transform: scale(1.2) translateZ(20px) !important;
  filter: brightness(1.3) drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)) !important;
}

/* Mobil cihazlarda sadece görünür olsun */
@media (min-width: 768px) {
  .mobile-social-elements {
    display: none !important;
  }
}

/* Mobil cihazlarda daha hızlı animasyon */
@media (max-width: 767px) {
  .social-element {
    animation-duration: 3s;
  }
  
  .like-element { animation-delay: 0s; }
  .comment-element { animation-delay: 0.6s; }
  .emoji-element { animation-delay: 1.2s; }
  .like-count-element { animation-delay: 1.8s; }
  .comment-count-element { animation-delay: 2.4s; }
  .share-element { animation-delay: 3s; }
}

/* İkonları daha belirgin hale getir */
.social-element {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.8)) brightness(1.2) !important;
}

.social-element svg {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.9)) brightness(1.3) !important;
}

/* Animasyonları daha belirgin yap */
@keyframes floatLike3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 105, 180, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(20px, -25px, 40px) rotate3d(0, 1, 0, 30deg) scale(1.3);
    filter: drop-shadow(0 15px 30px rgba(255, 105, 180, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(-15px, -45px, 60px) rotate3d(0, 1, 0, -20deg) scale(1.4);
    filter: drop-shadow(0 20px 40px rgba(255, 105, 180, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(25px, -20px, 45px) rotate3d(0, 1, 0, 35deg) scale(1.2);
    filter: drop-shadow(0 12px 25px rgba(255, 105, 180, 0.9)) brightness(1.3);
  }
}

@keyframes floatComment3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 0, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(-25px, -30px, 45px) rotate3d(1, 0, 0, 35deg) scale(1.35);
    filter: drop-shadow(0 18px 35px rgba(135, 206, 235, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(18px, -50px, 65px) rotate3d(1, 0, 0, -25deg) scale(1.45);
    filter: drop-shadow(0 22px 45px rgba(135, 206, 235, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(-30px, -25px, 40px) rotate3d(1, 0, 0, 40deg) scale(1.25);
    filter: drop-shadow(0 15px 30px rgba(135, 206, 235, 0.9)) brightness(1.3);
  }
}

@keyframes floatEmoji3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 215, 0, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(25px, 30px, 50px) rotate3d(0, 0, 1, 40deg) scale(1.4);
    filter: drop-shadow(0 18px 35px rgba(255, 215, 0, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(-20px, 55px, 70px) rotate3d(0, 0, 1, -30deg) scale(1.5);
    filter: drop-shadow(0 22px 45px rgba(255, 215, 0, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(30px, 35px, 45px) rotate3d(0, 0, 1, 45deg) scale(1.3);
    filter: drop-shadow(0 15px 30px rgba(255, 215, 0, 0.9)) brightness(1.3);
  }
}

@keyframes floatLikeCount3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 1, 0, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(255, 105, 180, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(-28px, 25px, 55px) rotate3d(1, 1, 0, 45deg) scale(1.45);
    filter: drop-shadow(0 18px 35px rgba(255, 105, 180, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(22px, 40px, 75px) rotate3d(1, 1, 0, -35deg) scale(1.55);
    filter: drop-shadow(0 22px 45px rgba(255, 105, 180, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(-35px, 30px, 50px) rotate3d(1, 1, 0, 50deg) scale(1.35);
    filter: drop-shadow(0 15px 30px rgba(255, 105, 180, 0.9)) brightness(1.3);
  }
}

@keyframes floatCommentCount3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(0, 1, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(30px, -20px, 60px) rotate3d(0, 1, 1, 50deg) scale(1.5);
    filter: drop-shadow(0 18px 35px rgba(135, 206, 235, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(-25px, -35px, 80px) rotate3d(0, 1, 1, -40deg) scale(1.6);
    filter: drop-shadow(0 22px 45px rgba(135, 206, 235, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(40px, -25px, 55px) rotate3d(0, 1, 1, 55deg) scale(1.4);
    filter: drop-shadow(0 15px 30px rgba(135, 206, 235, 0.9)) brightness(1.3);
  }
}

@keyframes floatShare3D {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate3d(1, 0, 1, 0deg) scale(1);
    filter: drop-shadow(0 8px 16px rgba(135, 206, 235, 0.8)) brightness(1.2);
  }
  25% {
    transform: translate3d(-30px, -25px, 65px) rotate3d(1, 0, 1, 55deg) scale(1.4);
    filter: drop-shadow(0 18px 35px rgba(135, 206, 235, 1)) brightness(1.4);
  }
  50% {
    transform: translate3d(28px, -40px, 85px) rotate3d(1, 0, 1, -45deg) scale(1.5);
    filter: drop-shadow(0 22px 45px rgba(135, 206, 235, 1)) brightness(1.5);
  }
  75% {
    transform: translate3d(-40px, -30px, 60px) rotate3d(1, 0, 1, 60deg) scale(1.3);
    filter: drop-shadow(0 15px 30px rgba(135, 206, 235, 0.9)) brightness(1.3);
  }
}

/* Hizmetler Bölümü Mobil CSS */
/* Mobil ekranda tp-portfolio-slicer-area resimlerini gizle */
@media (max-width: 767px) {
    .tp-portfolio-slicer-area .tp-portfolio-slicer-thumb img,
    .tp-portfolio-slicer-area .tp-portfolio-slicer-thumb {
        display: none !important;
    }
    .tp-portfolio-slicer-area .tp-portfolio-slicer-content {
        width: 100% !important;
        margin: 20px 0 !important;
    }
    .tp-portfolio-slicer-area .col-md-6 {
        display: none !important;
    }
    .tp-portfolio-slicer-area .col-md-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* Tablet ekranlarda resimleri küçült */
@media (min-width: 768px) and (max-width: 991px) {
    .tp-portfolio-slicer-area .tp-portfolio-slicer-thumb img {
        max-width: 80% !important;
        height: auto !important;
    }
}