diff --git a/src/app.css b/src/app.css
index 4c44789c..25726374 100644
--- a/src/app.css
+++ b/src/app.css
@@ -386,6 +386,17 @@ a:focus-visible {
 	color: var(--color-text-on-primary);
 }
 
+/* ============================================
+   VIEW TRANSITIONS
+   Disable default crossfade on page content;
+   only named elements (header, logo, etc.) animate.
+   ============================================ */
+
+::view-transition-old(root),
+::view-transition-new(root) {
+	animation: none;
+}
+
 /* ============================================
    RECIPE GRID
    Responsive card grid used across recipe pages