:root{--motion-fast:150ms;--motion-panel:200ms;--motion-ease:cubic-bezier(.2,0,0,1)}
html{scroll-behavior:smooth}
:where(a,button,input,select,textarea,summary,[role="button"]){transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)!important}
:where(.product,.product-card,.s2r-card,.review-card,.reputation-card){transition:box-shadow 180ms var(--motion-ease),border-color 180ms var(--motion-ease),transform 180ms var(--motion-ease)!important}
:where(.product-image img,.real-product img){transition:transform 200ms var(--motion-ease),opacity 150ms var(--motion-ease)!important}
dialog{opacity:0;transform:translateY(8px);transition:opacity 180ms var(--motion-ease),transform 180ms var(--motion-ease),display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]{opacity:1;transform:translateY(0)}
dialog::backdrop{background-color:transparent;transition:background-color 180ms var(--motion-ease),display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]::backdrop{background-color:rgba(20,32,25,.45)}
#mobile-nav:not([hidden]){animation:site-panel-in 180ms var(--motion-ease)}
.showcase-slide:not([hidden]){animation-duration:220ms!important;animation-timing-function:var(--motion-ease)!important}
details[open]>:not(summary){animation:site-panel-in 160ms var(--motion-ease)}
@keyframes site-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@starting-style{dialog[open]{opacity:0;transform:translateY(8px)}dialog[open]::backdrop{background-color:transparent}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}