.oerp-wrapper{
  margin-top:24px; padding:14px 12px; border-top:1px solid #eaeaea;
  --oerp-bg:#fff; --oerp-fg:#222; --oerp-muted:#666;
  --oerp-chip:#f8f8f8; --oerp-chip-border:#e5e5e5;
  --oer-accent:#7c3aed;
}
.oerp-centered .oerp-header{ justify-content:center; gap:8px; }
.oerp-centered .oerp-container{ justify-content:center; }
.oerp-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.oerp-title{ font-weight:700; font-size:15px; color:var(--oerp-fg); }
.oerp-total{ background:var(--oer-accent); color:#fff; border-radius:999px; padding:2px 8px; font-weight:600; font-size:12px; }

.oerp-container{ display:flex; gap:12px; flex-wrap:wrap; }
.oerp-item{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px;
  border:1px solid var(--oerp-chip-border); background:var(--oerp-chip);
  border-radius:12px; cursor:pointer; user-select:none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.oerp-item:hover{ transform: translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.05); border-color:var(--oer-accent); }
.oerp-emoji{ font-size:18px; line-height:1; display:inline-block; }
.oerp-count{ font-weight:700; font-size:14px; color:var(--oerp-fg); }
.oerp-pop{ animation:oerp-pop-key 300ms ease; }
@keyframes oerp-pop-key{ 0%{ transform:scale(1); } 50%{ transform:scale(1.35); } 100%{ transform:scale(1); } }

/* Uçan emoji efekti — görünürlük garantisi */
html, body { overflow: visible !important; }
.oerp-fx {
  position: fixed !important;
  z-index: 2147483647 !important;
  font-size: 26px;
  line-height: 1;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: none;
  will-change: transform, opacity;
}
.oerp-fx.run {
  animation: flyUpVisible 1.4s ease forwards;
}
@keyframes flyUpVisible {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -300%) scale(1.8); }
}

/* Mobil */
@media (max-width:480px){
  .oerp-container{ justify-content:center; gap:8px; }
  .oerp-item{ padding:6px 10px; }
}