/* Only family collection cards cycle. Buying cards keep their cream + hover behavior. */
.pgrid .pcard.collection-card .pph{outline:1px solid var(--olive);outline-offset:-1px}
.pgrid .pcard.collection-card .pph img{transform:none}
.pgrid .pcard.collection-card .collection-scenes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pgrid .pcard.collection-card .pph .collection-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-focal,50% 65%);opacity:0;transform:none;transition:opacity .3s var(--ease)}
.pgrid .pcard.collection-card .pph .collection-scene.is-active{opacity:1}
.pgrid .pcard.collection-card .pcap .pkind{display:inline-flex;align-items:center;justify-self:start;width:max-content;max-width:100%;min-height:24px;padding:2px 9px;border:1px solid var(--olive);background:var(--olive);color:var(--pap-d);font-size:11px;line-height:1.4}
[data-collection-playback]{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--olive);font:inherit;font-size:13px;line-height:1.4;cursor:pointer;text-align:start}
[data-collection-playback]::before{content:"";display:block;flex:0 0 10px;width:10px;height:11px;border-inline:3px solid currentColor;box-sizing:border-box}
[data-collection-playback][aria-pressed="true"]::before{height:0;border:0;border-inline-start:9px solid currentColor;border-block:5px solid transparent;flex-basis:9px}
[data-collection-playback]:focus-visible{outline:2px solid var(--olive);outline-offset:5px}
[data-collection-playback][hidden]{display:none}
@media(prefers-reduced-motion:reduce){
  .pgrid .pcard.collection-card .pph .collection-scene{opacity:0!important;transition:none}
  [data-collection-playback]{display:none}
}