/* Tamamen gizli */
.store-item.is-hidden {
  display: none !important;
}

/* =========================================
   ANIMASYON VE GEÇİŞ AYARLARI
   ========================================= */

.store-item .item-img img {
  transition: filter 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  will-change: filter, transform;
}

.store-item .item-name,
.store-item .item-cost {
  position: relative;
  transition: color 0.5s ease;
}

/* =========================================
   GİZEMLİ (MYSTERY) MODU
   ========================================= */

.store-item.is-mystery {
  pointer-events: none;
  user-select: none;
}

/* Resim Efekti */
.store-item.is-mystery .item-img img {
  filter: brightness(0) opacity(0.4) blur(2px);
  transform: scale(0.85);
}

/* Metinleri ve alt elemanlarını KESİN olarak gizle */
.store-item.is-mystery .item-name,
.store-item.is-mystery .item-cost {
  color: transparent !important;
  text-shadow: none !important;
}

/* Fiyatın içindeki ikonları ve sayıları da gizle */
.store-item.is-mystery .item-cost * {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* "???" Yazıları - Daha Okunaklı Konumlandırma */
.store-item.is-mystery .item-name::after {
  content: "???";
  position: absolute;
  left: 10px;
  top: 0;
  color: #eee;
  font-family: "Playpen Sans", cursive;
  letter-spacing: 3px;
  visibility: visible;
}

.store-item.is-mystery .item-cost::after {
  content: "???";
  position: absolute;
  left: 10px; 
  top: 0;
  color: #888;
  font-family: "Playpen Sans", cursive;
  letter-spacing: 2px;
  font-size: 0.9em;
  visibility: visible;
}