/* Root2Leaf: fluid motion, without changing layout or purchase behaviour. */
:root { --r2lm-ease:cubic-bezier(.22,1,.36,1); --r2lm-short:220ms; }
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:r2lm-page-out 140ms ease both; }
::view-transition-new(root) { animation:r2lm-page-in 260ms var(--r2lm-ease) both; }
@keyframes r2lm-page-out { to { opacity:0; } }
@keyframes r2lm-page-in { from { opacity:0; transform:translateY(7px); } }
@keyframes r2lm-menu { from { opacity:0; transform:translateY(-8px) scale(.975); } to { opacity:1;transform:none; } }
@keyframes r2lm-content { from { opacity:.35; transform:translateY(7px); } to { opacity:1;transform:none; } }
html.r2lm-ready .r-mega-panel,
html.r2lm-ready .mega-panel,
html.r2lm-ready .quality-dropdown {
    transform-origin:50% 0;
    transition:opacity 220ms ease,visibility 220ms ease,transform 340ms var(--r2lm-ease),box-shadow 240ms ease;
}
html.r2lm-ready :is(.r-mega-panel,.mega-panel,.quality-dropdown) {
    box-shadow:0 20px 48px -24px #1f172839;
}
html.r2lm-ready :is(.r-nav-category[open],.mega.open) :is(.r-mega-panel,.mega-panel) { animation:r2lm-menu 340ms var(--r2lm-ease) both; }
html.r2lm-ready :is(.r12-image-actions,.image-tools) > :is(button,a) {
    transition:background-color 180ms ease,box-shadow 220ms ease,translate 220ms var(--r2lm-ease);
}
html.r2lm-ready :is(.r12-image-actions,.image-tools) > :is(button,a):hover { translate:-2px 0;box-shadow:0 5px 15px #281c2117; }
html.r2lm-ready :is(button,.button,.r12-image-actions a):not(:disabled):active { scale:.975; }
html.r2lm-ready :is(button,.button) { transition:background-color 180ms ease,color 180ms ease,box-shadow 200ms ease,scale 170ms var(--r2lm-ease); }
html.r2lm-ready :is(.cut-choice,[data-cut-choice],.r9-thumbs button,[data-pack-format],[data-pack-channel],[data-pack-stage]) { transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,scale 220ms var(--r2lm-ease); }
html.r2lm-ready :is([aria-selected="true"],[data-cut-choice].active,.r9-thumbs [aria-pressed="true"]):not([role="tabpanel"]) { box-shadow:0 3px 10px #301f2510; }
html.r2lm-ready :is(.woocommerce-Tabs-panel,#format-panel) { animation:r2lm-content 280ms var(--r2lm-ease); }
html.r2lm-ready dialog::backdrop { background-color:#1b182566;backdrop-filter:blur(7px); }
html.r2lm-ready dialog { transform-origin:center; }
html.r2lm-ready .r2lm-tab-track { position:relative;isolation:isolate; }
html.r2lm-ready .r2lm-tab-pill { position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border-radius:12px;background:color-mix(in srgb,currentColor 7%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent); }
html.r2lm-ready .r2lm-header-elevated { box-shadow:0 12px 32px -24px #251c3250; }
html.r2lm-ready :is(.r-range-nav.r8-expanded,#navigation.open) { animation:r2lm-menu 300ms var(--r2lm-ease); }
@media(hover:hover) and (pointer:fine) {
    html.r2lm-ready :is(.r-mega-product,.mega-panel a) { transition:background-color 180ms ease,translate 240ms var(--r2lm-ease); }
    html.r2lm-ready :is(.r-mega-product,.mega-panel a):hover { translate:3px 0; }
}
/* Critical flows remain immediate. No route interception, scroll locking or hiding. */
html.r2lm-critical::view-transition-old(root),html.r2lm-critical::view-transition-new(root) { animation:none; }
@media(prefers-reduced-motion:reduce) {
    html.r2lm-ready *,html.r2lm-ready *::before,html.r2lm-ready *::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
    html.r2lm-ready dialog::backdrop { backdrop-filter:none; }
    ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}