/* Isih Benda */
.ib-ask { display: flex; align-items: center; gap: 10px; max-width: 420px; }
.ib-q { margin: 0; font: 700 1.2rem/1.35 var(--round); text-wrap: balance; }

.ib-item {
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 26px 12px;
  background: var(--card); border-radius: 24px; box-shadow: 0 4px 0 var(--line); transition: transform .35s, opacity .35s;
}
.ib-pic { font-size: 80px; line-height: 1; }
.ib-name { font: 800 1.15rem var(--round); }
.ib-item.gone { transform: translateY(70px) scale(.4); opacity: 0; }

.ib-bins { display: grid; gap: 10px; width: 100%; max-width: 380px; margin-top: 6px; }
.ib-bins.n2 { grid-template-columns: repeat(2, 1fr); }
.ib-bins.n3 { grid-template-columns: repeat(3, 1fr); }
.ib-bin {
  border: 3px solid transparent; border-radius: 10px 10px 26px 26px; padding: 14px 6px 12px; min-height: 150px;
  background: #EFE3F9; box-shadow: 0 5px 0 #D5C0EA; display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.ib-bin-pic { font-size: 40px; line-height: 1; }
.ib-bin-name { font: 800 1rem/1.2 var(--round); text-wrap: balance; }
.ib-drop { font-size: 34px; line-height: 1; min-height: 34px; }
.ib-bin:active { transform: translateY(2px); box-shadow: 0 3px 0 #D5C0EA; }
.ib-bin:disabled { opacity: 0.35; }
.ib-bin.right { border-color: var(--green); background: #E3F4E6; box-shadow: 0 5px 0 #BFE3C6; }
@media (prefers-reduced-motion: reduce) { .ib-item { transition: none; } }