/* Lightweight enhancement: native links, form state and scrolling stay browser-owned. */
@view-transition { navigation: auto; }
@keyframes jq-page-arrive { from { opacity: .55; } to { opacity: 1; } }
@keyframes jq-page-out { to { opacity: 0; transform: perspective(1400px) translateX(-12px) rotateY(1.2deg); } }
@keyframes jq-page-in { from { opacity: 0; transform: perspective(1400px) translateX(18px) rotateY(-1.8deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
 main { view-transition-name: jq-content; animation: jq-page-arrive 220ms ease-out; }
 ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
 ::view-transition-group(jq-content) { animation-duration: 280ms; }
 ::view-transition-old(jq-content) { animation: jq-page-out 200ms ease-in both; transform-origin: left center; }
 ::view-transition-new(jq-content) { animation: jq-page-in 280ms cubic-bezier(.2,.7,.2,1) both; transform-origin: left center; }
 main img[src*="product-images/"] { transition: transform 220ms cubic-bezier(.2,.7,.2,1), filter 220ms ease; transform-origin: 50% 75%; }
 main .u20-product-image, main .product-card-image, main .u26-catalog-grid article>a:first-child, main .product-packshot, main .u26-packshot { perspective: 850px; }
 main a:focus-visible>img[src*="product-images/"] { transform: translateY(-5px) scale(1.035); filter: drop-shadow(0 12px 9px rgb(10 44 66 / .18)); }
 main a:active img[src*="product-images/"], main .product-packshot:active img, main .u26-packshot:active img { transform: translateY(-2px) scale(.97) rotateY(3deg); filter: drop-shadow(0 5px 5px rgb(10 44 66 / .2)); transition-duration: 85ms; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 main a:hover>img[src*="product-images/"], main .product-packshot:hover img, main .u26-packshot:hover img { transform: translateY(-7px) rotateY(-7deg) rotateZ(-1deg) scale(1.045); filter: drop-shadow(0 15px 10px rgb(10 44 66 / .19)); }
 main a:active>img[src*="product-images/"], main .product-packshot:active img, main .u26-packshot:active img { transform: translateY(-1px) rotateY(2deg) scale(.97); }
}
@media (prefers-reduced-motion: reduce) {
 @view-transition { navigation: none; }
 main { animation: none; view-transition-name: none; }
 main img[src*="product-images/"] { transition: none; transform: none; filter: none; }
}
@media print {
 @view-transition { navigation: none; }
 main { animation: none !important; view-transition-name: none; }
 main img[src*="product-images/"] { transform: none !important; filter: none !important; }
}