/* Progressive page transitions: native links, checkout submissions and browser history stay untouched. */
@view-transition{navigation:auto}

@media(prefers-reduced-motion:no-preference){
  /* A real crossfade: keep the outgoing page visible while the next page rises in. */
  ::view-transition-old(root){animation:dss-page-out 360ms cubic-bezier(.4,0,.8,1) both}
  ::view-transition-new(root){animation:dss-page-in 460ms cubic-bezier(.16,1,.3,1) both}
  @keyframes dss-page-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px) scale(.99)}}
  @keyframes dss-page-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

  /* Browsers without cross-document transitions get an arrival, never an exit delay. */
  @supports not (view-transition-name:root){
    body main{animation:dss-content-in 400ms cubic-bezier(.16,1,.3,1) both}
    @keyframes dss-content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  }

  /* Short tactile response on real controls; keep existing drawer/cart animations intact. */
  .woocommerce button.button:not(:disabled),
  .woocommerce a.button,
  #place_order,
  .home-picture-copy a,
  .home-view-all a,
  .pdp-swatch:not(.disabled),
  .dss-pagination a,
  .site-header button:not(:disabled){transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}

  .woocommerce button.button:not(:disabled):active,
  .woocommerce a.button:active,
  body.woocommerce-checkout .woocommerce form.checkout #place_order:active,
  .home-picture-copy a:active,
  .home-view-all a:active,
  .dss-pagination a:active,
  .site-header button:not(:disabled):active{transform:scale(.98)}
  body .pdp-swatch:not(.disabled):active{transform:scale(.98)!important}

  .product-card .product-link{transition:filter .2s ease}
  .product-card .product-link:hover{filter:brightness(.96)}
  .product-card .product-link:active{filter:brightness(.91)}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}