/* ==========================================================================
 *  gift-sprite.css  --  YER TUTUCU (PLACEHOLDER)
 *  --------------------------------------------------------------------------
 *  BU DOSYA GECICIDIR. Kendi gercek hediye sprite CSS dosyanizla DEGISTIRIN.
 *
 *  Elinizdeki asil `gift-sprite.css` dosyasini ayni isimle bu klasore
 *  (public/) kopyalayin; index.html icindeki hediye animasyonlari bu
 *  siniflari kullanir.
 *
 *  Asagidaki kurallar yalnizca site kirilmasin diye konmus basit
 *  yedeklerdir; gorsel acidan sizin sprite'inizi temsil etmez.
 * ========================================================================== */

.gift-sprite{
  display:inline-block;
  width:48px;height:48px;
  background:rgba(255,215,0,0.12);
  border-radius:8px;
  text-align:center;
  line-height:48px;
  font-size:28px;
}

/* Ornek yer tutucu animasyonu */
@keyframes gift-pop{0%{transform:scale(0.4);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.gift-anim{animation:gift-pop .5s ease-out both}