/* Motion is progressive enhancement: content is never hidden pending JS. */
.cinema-controls{flex-wrap:wrap}.cinema-arrows{flex-wrap:wrap;justify-content:center}
.cinema-autoplay{font:inherit;cursor:pointer;min-width:140px}.cinema-autoplay:disabled{opacity:.65;cursor:default}
@media(prefers-reduced-motion:no-preference){
  .cinema-panel img{transition:opacity .6s ease,transform .8s cubic-bezier(.22,1,.36,1)}
  .cinema-track.has-motion .cinema-panel:not(.is-current) img{opacity:.78;transform:scale(.975)}
  .cinema-panel.is-current img{opacity:1;transform:scale(1)}
  .ct-product-choice figure{overflow:hidden}.ct-product-choice img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
  .wp-element-button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
  .ys-nav a,.ys-footer a,.ct-reader-nav a{transition:color .25s ease}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .ct-product-choice:hover img{transform:scale(1.025)}
  .cinema-panel.is-current:hover img{transform:scale(1.012)}
  .wp-element-button:hover{transform:translateY(-2px)}
}
@media(max-width:760px){.cinema-controls{gap:14px;padding-inline:20px}.cinema-arrows .wp-element-button{font-size:12px;padding-inline:14px}.cinema-autoplay{min-width:124px}}
@media(prefers-reduced-motion:reduce){.cinema-panel img,.ct-product-choice img{opacity:1!important;transform:none!important}}
