/* DALANG shared interactions: restrained feedback, no content-dependent motion. */
:where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button) {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
:where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button):not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 18px rgba(24, 48, 38, 0.12);
}
:where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button):not(:disabled):active {
  transform: translateY(0) scale(.985);
  box-shadow: none;
}
:where(.site-header .nav summary svg, .footer-social-row img, .footer-social-row svg, .wa-launcher img, .wa-launcher svg, .header-actions img, .header-actions svg) {
  transition: transform 200ms ease, opacity 200ms ease;
}
.site-header .nav summary:hover svg,
.footer-social-row a:hover img,
.footer-social-row a:hover svg,
.header-actions a:hover img,
.header-actions a:hover svg {
  transform: translateY(-2px) scale(1.06);
}
main a img:not([src$=".svg" i]) {
  transition: transform 360ms cubic-bezier(.2,.7,.2,1), filter 240ms ease;
  transform-origin: center;
}
main a:hover img:not([src$=".svg" i]) {
  transform: scale(1.018);
}
html.site-motion-ready [data-site-reveal="pending"] {
  opacity: 1;
  transform: none;
}
html.site-motion-ready [data-site-reveal="visible"] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 520ms ease, transform 620ms cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--site-reveal-delay, 0ms);
}
@media (hover: none) {
  main a:hover img:not([src$=".svg" i]) { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button),
  :where(.site-header .nav summary svg, .footer-social-row img, .footer-social-row svg, .wa-launcher img, .wa-launcher svg, .header-actions img, .header-actions svg),
  main a img:not([src$=".svg" i]) {
    transition: none !important;
  }
  :where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button):hover,
  main a:hover img:not([src$=".svg" i]) {
    transform: none !important;
    box-shadow: none !important;
  }
  html.site-motion-ready [data-site-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
@media (hover: none) {
  :where(.btn, button:not(.menu-toggle), .wa-launcher, .stock-filter-form button, .stock-colour-options button):hover {
    transform: none;
    box-shadow: none;
  }
}