/* Small visual changes only: navigation, focus and clicks remain immediate. */
@keyframes ui-page-in{from{opacity:.88}to{opacity:1}}
@keyframes ui-soft-in{from{opacity:.8}to{opacity:1}}
/* Image reveal animations never hide a downloaded image. */
.product-info[aria-busy=true] .product-price{opacity:.72}
.product-info .option[data-option-pending]{outline:1px solid currentColor;outline-offset:2px}

@media(prefers-reduced-motion:no-preference){
 :where(main,#main){animation:ui-page-in 180ms ease-out}
 :where(a,button,input,select,textarea,summary,.option,.color-sample,.store-card,.product-card){
  transition-property:color,background-color,border-color,box-shadow,opacity,accent-color;
  transition-duration:150ms;
  transition-timing-function:ease-out;
 }
 :where(.menu-panel:not([hidden]),.header-search:not([hidden]),dialog[open],details[open]>.detail-content,details[open]>.variant-body,.hero-slide.is-current,.store-story,.notice:not(:empty)){
  animation:ui-soft-in 180ms ease-out;
 }
}
@media(prefers-reduced-motion:reduce){
 :where(main,#main,.menu-panel,.header-search,dialog,.detail-content,.variant-body,.hero-slide,.store-story,.notice){animation:none!important}
 :where(a,button,input,select,textarea,summary,.option,.color-sample,.store-card,.product-card){transition:none!important}
}