/* Shared motion layer. Content stays visible without JavaScript or motion. */
:root{--motion-fast:140ms;--motion-state:220ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-group{position:relative;isolation:isolate}
.motion-active:not(svg):not(path){will-change:transform,opacity}
.motion-indicator{position:absolute;left:0;pointer-events:none;transform-origin:left center;z-index:0}
.motion-indicator.line{height:2px;background:var(--goldtx);border-radius:1px}
.motion-indicator.fill{background:var(--raised);border-radius:4px}
.motion-group>button,.motion-group>a{position:relative;z-index:1}
.seg.motion-group>button.on{background:transparent!important;box-shadow:none}
.tabs.motion-group>button.on,.nav.motion-group>a.on{border-bottom-color:transparent}
.price-modes button,.price-input,.lg-dz,.search,input,select,textarea{transition:border-color var(--motion-state) var(--motion-ease),background-color var(--motion-state) var(--motion-ease),color var(--motion-state) var(--motion-ease)}
.price-modes button:before{transition:transform var(--motion-state) var(--motion-ease),border-color var(--motion-state) var(--motion-ease);transform:scale(.9)}
.price-modes button.on:before{transform:scale(1)}
.btn,.btn-wallet,.ld-btn,.ib,.thm,.cart-btn,.seg button,.tabs button,.price-remove,.pdel,.bk,.x{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-state) var(--motion-ease),border-color var(--motion-state) var(--motion-ease),color var(--motion-state) var(--motion-ease),opacity var(--motion-state) var(--motion-ease)}
.btn:not(:disabled):not(.dis):active,.btn-wallet:active,.ld-btn:active,.ib:active,.thm:active,.cart-btn:active,.seg button:active,.price-remove:active,.bk:active{transform:translateY(1px) scale(.98)}
.ins,.hot button,.br-c,.preview-market-row,.htbl .tr[data-t],.mtbl .mr[data-t],.lrw[data-go]{transition:transform var(--motion-state) var(--motion-ease),border-color var(--motion-state) var(--motion-ease),background-color var(--motion-state) var(--motion-ease)}
.preview-row-arrow,.ld-ticket-action>span,.ld-inline-link>span,.preview-market-footer>span:last-child,.ld-create-link>span{display:inline-block;transition:transform var(--motion-state) var(--motion-ease),color var(--motion-state) var(--motion-ease)}
.btn-wallet .chev{transition:transform var(--motion-state) var(--motion-ease)}
#themeBtn svg{transition:transform 280ms var(--motion-ease)}
@media(hover:hover) and (pointer:fine){
 .ins:hover,.hot button:hover{transform:translateY(-3px);border-color:var(--line2)}
 .btn:not(:disabled):not(.dis):hover,.ld-btn:hover{transform:translateY(-1px)}
 .btn:not(:disabled):not(.dis):active,.ld-btn:active{transform:translateY(1px) scale(.98)}
 .preview-market-row:hover .preview-row-arrow,.ld-inline-link:hover>span,.preview-market-footer:hover>span:last-child,.ld-create-link:hover>span,.ld-inscription-preview:hover .ld-ticket-action>span{transform:translateX(3px)}
 .br-c:hover{border-color:var(--goldtx);transform:translateY(-2px)}
 #themeBtn:hover svg{transform:rotate(22deg)}
}
@keyframes bncb-menu-in{from{opacity:.45;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes bncb-backdrop-in{from{opacity:.35}to{opacity:1}}
@keyframes bncb-dialog-in{from{opacity:.65;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes bncb-drawer-in{from{opacity:.75;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes bncb-sheet-in{from{opacity:.75;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes bncb-toast-in{from{opacity:.5;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes bncb-cart-ack{0%{scale:1}45%{scale:1.14}100%{scale:1}}
.lang-menu,.wal-menu,.mk-menu:not([hidden]),.landing.menu-open .ld-nav{animation:bncb-menu-in 170ms var(--motion-ease)}
#modal:not([hidden]){animation:bncb-backdrop-in 180ms var(--motion-ease)}
#modal:not([hidden]) .sheet{animation:bncb-dialog-in 240ms var(--motion-ease)}
#modal:not([hidden]) .sheet.drawer{animation-name:bncb-drawer-in}
#toast:not([hidden]){animation:bncb-toast-in 200ms var(--motion-ease)}
#cartN.bump{animation:bncb-cart-ack 260ms var(--motion-ease)}
html[data-motion=reduced]{scroll-behavior:auto!important}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;transition:none!important}
html[data-motion=reduced] :is(.ins,.hot button,.br-c,.btn,.ld-btn,.preview-row-arrow,#themeBtn svg,button,a):is(:hover,:active){transform:none!important}
@media(max-width:899px){#modal:not([hidden]) .sheet,#modal:not([hidden]) .sheet.drawer{animation-name:bncb-sheet-in}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .ins:hover,.hot button:hover,.br-c:hover,.btn:hover,.btn:active,.ld-btn:hover,.ld-btn:active,.preview-row-arrow,#themeBtn:hover svg,button:active,a:active,.ld-inline-link>span,.preview-market-footer>span:last-child,.ld-create-link>span,.ld-ticket-action>span{transform:none!important}
}