/* The outer item follows the bag's existing scroll timeline. */
.item.coke-item .item-content {
  border: 0; border-radius: 0; background: transparent;
  box-shadow: none; 
}
.item.coke-item img { display: block; width: 100%; height: 100%; user-select: none; -webkit-user-drag: none; }
.item.coke-item:hover .item-content, .item.coke-item:focus-visible .item-content {
  box-shadow: none; 
}
.coke-active .coke-item { visibility: hidden !important; }
.coke-status {
  position: fixed; z-index: 2147482003; top: 18px; left: 22px; right: 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  color: #f6e7d4; font: 12px/1.5 system-ui, sans-serif; pointer-events: none;
}
.coke-status button { pointer-events: auto; padding: 10px 15px; border: 1px solid #f6e7d440; border-radius: 24px; background: #190605dd; }
.coke-status button:focus-visible { outline: 2px solid #f6e7d4; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .item.coke-item:hover .item-content, .item.coke-item:focus-visible .item-content { transform: none; }
}