/* Rizzi Motion System — level based, UI only. */
:root{
  --rz-motion-fast:150ms;
  --rz-motion-base:230ms;
  --rz-motion-slow:390ms;
  --rz-motion-enter-y:12px;
  --rz-motion-hover-y:-3px;
  --rz-motion-press:.975;
  --rz-motion-ease:cubic-bezier(.22,.8,.24,1);
}
html[data-rz-motion="full"]{--rz-motion-fast:170ms;--rz-motion-base:290ms;--rz-motion-slow:520ms;--rz-motion-enter-y:18px;--rz-motion-hover-y:-4px;--rz-motion-press:.968}
html[data-rz-motion="high"]{--rz-motion-fast:150ms;--rz-motion-base:240ms;--rz-motion-slow:410ms;--rz-motion-enter-y:13px;--rz-motion-hover-y:-3px}
html[data-rz-motion="medium"]{--rz-motion-fast:120ms;--rz-motion-base:185ms;--rz-motion-slow:300ms;--rz-motion-enter-y:8px;--rz-motion-hover-y:-2px;--rz-motion-press:.98}
html[data-rz-motion="low"]{--rz-motion-fast:80ms;--rz-motion-base:120ms;--rz-motion-slow:160ms;--rz-motion-enter-y:0px;--rz-motion-hover-y:0px;--rz-motion-press:.985}

html[data-rz-motion="off"] body:not(.rz-motion-preview-page) *,html[data-rz-motion="off"] body:not(.rz-motion-preview-page) *::before,html[data-rz-motion="off"] body:not(.rz-motion-preview-page) *::after,
html[data-rz-motion="off"] body.rz-motion-preview-page *:not(.rz-motion-preview-panel):not(.rz-motion-preview-panel *){
  scroll-behavior:auto!important;animation:none!important;transition:none!important;
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Page entrance / leave */
.rz-motion-page-enter{opacity:0;transform:translate3d(0,var(--rz-motion-enter-y),0)}
body.rz-motion-page-ready .rz-motion-page-enter{animation:rzMotionPageIn var(--rz-motion-slow) var(--rz-motion-ease) both}
@keyframes rzMotionPageIn{to{opacity:1;transform:none}}
html[data-rz-motion="low"] .rz-motion-page-enter{transform:none}
html[data-rz-motion="low"] body.rz-motion-page-ready .rz-motion-page-enter{animation:rzMotionFadeIn var(--rz-motion-slow) ease both}
@keyframes rzMotionFadeIn{from{opacity:.58}to{opacity:1}}
.rz-page-leave,.rz-motion-page-leave{opacity:.58;transform:translate3d(0,2px,0);transition:opacity var(--rz-motion-fast) ease,transform var(--rz-motion-fast) ease}

/* Viewport reveal */
.rz-motion-item{opacity:0;transform:translate3d(0,var(--rz-motion-enter-y),0);transition:opacity var(--rz-motion-slow) var(--rz-motion-ease),transform var(--rz-motion-slow) var(--rz-motion-ease);transition-delay:var(--rz-motion-delay,0ms);will-change:opacity,transform}
.rz-motion-item.is-visible{opacity:1;transform:none;will-change:auto}
html[data-rz-motion="medium"] .rz-motion-item{transform:translate3d(0,6px,0)}
html[data-rz-motion="low"] .rz-motion-item{opacity:1!important;transform:none!important;transition:none!important}

/* Interactive surfaces */
.rz-motion-surface{position:relative;transform:translateZ(0);transition:transform var(--rz-motion-base) var(--rz-motion-ease),border-color var(--rz-motion-fast) ease,box-shadow var(--rz-motion-base) ease,background-color var(--rz-motion-fast) ease,filter var(--rz-motion-base) ease}
@media(hover:hover) and (pointer:fine){.rz-motion-surface:hover{transform:translate3d(0,var(--rz-motion-hover-y),0)}html[data-rz-motion="medium"] .rz-motion-surface:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}html[data-rz-motion="low"] .rz-motion-surface:hover{transform:none}}
.rz-motion-surface.is-rz-pressed,.btn.is-rz-pressed,button.is-rz-pressed,[role="button"].is-rz-pressed{transform:scale(var(--rz-motion-press))!important;transition-duration:70ms!important}
html[data-rz-motion="full"] .rz-motion-surface.has-rz-motion-pointer{filter:saturate(1.025);box-shadow:0 16px 42px color-mix(in srgb,var(--accent,#2f7cf6) 8%,rgba(0,0,0,.14))}
html[data-rz-motion-device-lite="1"] .rz-motion-surface.has-rz-motion-pointer{filter:none;box-shadow:inherit}

/* Buttons and controls */
.btn,button,[role="button"]{-webkit-tap-highlight-color:transparent}
.btn:not(:disabled),button:not(:disabled),[role="button"]{transition:transform var(--rz-motion-fast) var(--rz-motion-ease),opacity var(--rz-motion-fast) ease,background-color var(--rz-motion-fast) ease,border-color var(--rz-motion-fast) ease,box-shadow var(--rz-motion-fast) ease,color var(--rz-motion-fast) ease}
.btn:not(:disabled):active,button:not(:disabled):active,[role="button"]:active{transform:scale(var(--rz-motion-press))}

/* Bottom navigation slider and active icon */
.buyer-bottom-nav a,.buyer-bottom-nav button,.rs-bottom-nav a,.rs-bottom-nav button,.jb-bottom-nav a,.admin-bottom-nav a,.admin-bottom-nav button,.ft-bottom-nav a{transition:transform var(--rz-motion-base) var(--rz-motion-ease),color var(--rz-motion-fast) ease,background-color var(--rz-motion-fast) ease}
.buyer-bottom-nav .active>span,.rs-bottom-nav .active>span,.jb-bottom-nav .active>span,.admin-bottom-nav .active svg,.ft-bottom-nav .active svg{animation:rzMotionNavPop 270ms var(--rz-motion-ease) both}
@keyframes rzMotionNavPop{0%{transform:translateY(2px) scale(.9)}65%{transform:translateY(-2px) scale(1.055)}100%{transform:none}}
html[data-rz-motion="low"] .buyer-bottom-nav .active>span,html[data-rz-motion="low"] .rs-bottom-nav .active>span,html[data-rz-motion="low"] .jb-bottom-nav .active>span,html[data-rz-motion="low"] .admin-bottom-nav .active svg,html[data-rz-motion="low"] .ft-bottom-nav .active svg{animation:rzMotionLowNav 130ms ease both}@keyframes rzMotionLowNav{from{opacity:.6}to{opacity:1}}
.rs-bottom-create>span{transition:transform var(--rz-motion-base) var(--rz-motion-ease)}.rs-bottom-create:active>span{transform:rotate(90deg) scale(.94)}

/* Form focus */
.rz-home-v5-search,.rz-catalog-search label,.admin-nav-search,.rs-form-group input,.rs-form-group textarea,.rs-form-group select,.jb-form input,.jb-form textarea,.jb-form select,.ft-form-grid input,.ft-form-grid textarea,.ft-form-grid select{transition:border-color var(--rz-motion-fast) ease,box-shadow var(--rz-motion-base) ease,transform var(--rz-motion-fast) ease}
.rz-home-v5-search:focus-within,.rz-catalog-search label:focus-within,.admin-nav-search:focus-within{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2f7cf6) 14%,transparent)}
html[data-rz-motion="low"] .rz-home-v5-search:focus-within,html[data-rz-motion="low"] .rz-catalog-search label:focus-within,html[data-rz-motion="low"] .admin-nav-search:focus-within{transform:none}

/* Store intro/promo */
html[data-rz-motion="full"] .rz-home-v5-intro h1 em,html[data-rz-motion="high"] .rz-home-v5-intro h1 em{display:inline-block;animation:rzMotionAccentIn 520ms 110ms var(--rz-motion-ease) both}@keyframes rzMotionAccentIn{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
.rz-home-v5-promo .slide.active .rz-slide-copy,.rz-home-v5-promo .slide:first-child .rz-slide-copy{animation:rzMotionPromoIn var(--rz-motion-slow) var(--rz-motion-ease) both}@keyframes rzMotionPromoIn{from{opacity:.1;transform:translate3d(12px,0,0)}to{opacity:1;transform:none}}
html[data-rz-motion="low"] .rz-home-v5-promo .slide.active .rz-slide-copy,html[data-rz-motion="low"] .rz-home-v5-promo .slide:first-child .rz-slide-copy{animation:none}

/* Image fade-in */
.rz-motion-image{opacity:.12;filter:blur(3px);transition:opacity var(--rz-motion-slow) ease,filter var(--rz-motion-slow) ease,transform var(--rz-motion-base) var(--rz-motion-ease)}
.rz-motion-image.is-rz-image-ready{opacity:1;filter:none}
html[data-rz-motion="medium"] .rz-motion-image{filter:none}html[data-rz-motion="low"] .rz-motion-image{opacity:1;filter:none;transition:none}

/* State changes */
.rz-motion-status-change{animation:rzMotionStatusPulse 430ms var(--rz-motion-ease) both}@keyframes rzMotionStatusPulse{0%{transform:scale(.985);opacity:.65}55%{transform:scale(1.008);opacity:1}100%{transform:none}}
.amx-step.is-active,.rs-process-steps .active,.rz-step.active,.step.active{animation:rzMotionStepActive 420ms var(--rz-motion-ease) both}@keyframes rzMotionStepActive{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.amx-check svg path,.rs-process-check svg path{stroke-dasharray:90;stroke-dashoffset:90}.amx-stage.is-show .amx-check svg path,.rs-process-check:not([hidden]) svg path{animation:rzMotionCheckDraw 480ms 90ms ease forwards}@keyframes rzMotionCheckDraw{to{stroke-dashoffset:0}}
.rz-copy-ok{animation:rzMotionCopyOk 420ms var(--rz-motion-ease) both}@keyframes rzMotionCopyOk{0%{transform:scale(.94)}55%{transform:scale(1.05)}100%{transform:none}}
html[data-rz-motion="low"] .rz-motion-status-change,html[data-rz-motion="low"] .amx-step.is-active,html[data-rz-motion="low"] .rs-process-steps .active,html[data-rz-motion="low"] .rz-step.active,html[data-rz-motion="low"] .step.active{animation:none}
html[data-rz-motion="low"] .rz-copy-ok{animation:rzMotionLowCopy 170ms ease both}@keyframes rzMotionLowCopy{from{opacity:.55}to{opacity:1}}

/* Dynamic content and sheets */
.rz-motion-new-content{animation:rzMotionContentSwap 300ms var(--rz-motion-ease) both}@keyframes rzMotionContentSwap{from{opacity:.02;transform:translateY(6px)}to{opacity:1;transform:none}}
.rs-create-sheet,.jb-lightbox,.rz-broadcast-card,.ft-sheet-card{will-change:transform,opacity}.rs-create-sheet[aria-hidden="false"]{animation:rzMotionSheetIn 280ms var(--rz-motion-ease) both}@keyframes rzMotionSheetIn{from{opacity:.2;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
html[data-rz-motion="low"] .rz-motion-new-content{animation:rzMotionFadeIn 140ms ease both}html[data-rz-motion="low"] .rs-create-sheet[aria-hidden="false"]{animation:none}

/* Admin intentionally compact */
.rz-admin-v4 .rz-motion-item{transform:translate3d(0,calc(var(--rz-motion-enter-y) * .55),0)}.rz-admin-v4 .rz-motion-surface:hover{transform:translate3d(0,calc(var(--rz-motion-hover-y) * .55),0)}

/* Fast Tournament follows the global level */
html[data-rz-motion="medium"] .ft-reveal{animation-duration:.25s}html[data-rz-motion="low"] .ft-reveal,html[data-rz-motion="low"] .ft-sheet-card,html[data-rz-motion="low"] .ft-step-indicator i.active,html[data-rz-motion="low"] .ft-live-dot-label i{animation:none!important}
html[data-rz-motion="full"] .ft-admin-action-slide.active{animation:rzMotionFtCard .44s var(--rz-motion-ease) both}@keyframes rzMotionFtCard{from{opacity:.25;transform:translate3d(18px,0,0) scale(.985)}to{opacity:1;transform:none}}

/* Dedicated catalog transition owns product grid animation. */
.rz-catalog-content.is-loading .rz-motion-item,.rz-catalog-content.rz-store-enter .rz-motion-item{transition:none}

@media(max-width:700px){:root{--rz-motion-slow:330ms;--rz-motion-base:190ms}.rz-motion-item{transform:translate3d(0,8px,0)}.rz-motion-surface:hover{transform:none}html[data-rz-motion="full"]{--rz-motion-slow:430ms;--rz-motion-base:230ms;--rz-motion-enter-y:13px}.rz-admin-v4 .rz-motion-item{transform:translate3d(0,5px,0)}}
