/* BiteBargain motion polish v1. Off switch: option bb_motion_off=1 */
@media (prefers-reduced-motion:no-preference){
.bb-fu{opacity:0;transform:translateY(14px)}
.bb-fu.is-in{opacity:1;transform:none;transition:opacity .35s ease-out,transform .35s ease-out}
@media (hover:hover) and (pointer:fine){
 ul.products li.product,.bb-tile,.bb-post-card,.bb-dept a,.bb-mp__slide{transition:transform .2s ease,box-shadow .2s ease}
 ul.products li.product:hover,.bb-tile:hover,.bb-post-card:hover,.bb-dept a:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(30,42,68,.12)}
}
a.button,button,.button,.bb-btn,input[type=submit]{transition:transform .15s ease,filter .15s ease}
a.button:active,button:active,.button:active,.bb-btn:active,input[type=submit]:active{transform:scale(.97);filter:brightness(.95)}
.woocommerce-product-gallery__image img{transition:opacity .2s ease}
.bb-swap .woocommerce-product-gallery__image img{opacity:.35}
.woocommerce-Tabs-panel,.bb-tabpanel{animation:bbTab .25s ease-out}
@keyframes bbTab{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bb-mo .bb-hero__img img,.bb-mo .bb-hero__img picture{transition:transform .4s ease-out,opacity .4s ease-out}
.bb-mo .bb-hero__slide:not(.is-cur) .bb-hero__img img{transform:scale(1.05);opacity:.55}
.bb-mo .bb-hero__text{transition:opacity .35s ease-out,transform .35s ease-out}
.bb-mo .bb-hero__slide:not(.is-cur) .bb-hero__text{opacity:0;transform:translateY(8px)}
.bb-mo details[open]>:not(summary){animation:bbTab .25s ease-out}
}