/* One motion rhythm for navigation, account controls and small interactions. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.site-header [hidden],.cab-connection[hidden]{display:none!important}
.site-header .header-nav{position:static;transform:none;margin-left:auto;gap:20px}
.site-header .header-actions{margin-left:16px;gap:17px;flex-shrink:0}
.site-header .header-notifications{position:relative;display:flex;align-items:center}
.site-header .header-notification-toggle{width:30px;height:32px;margin-left:0;color:#a0a0ae}
.site-header .header-account-toggle{gap:9px;padding:4px 0}
.site-header .header-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #ffffff12;border-radius:50%;background:#272630;color:#e7e4f2;font-size:11px;font-weight:500;letter-spacing:.2px;transition:background .25s}
.site-header .header-account-toggle:hover .header-avatar{background:#35323f}
.site-header #headerUsername{font-size:12px;font-weight:500;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .header-account-panel{left:auto;right:0;min-width:200px}
.site-header .header-account-panel button{justify-content:flex-start;gap:10px}
.site-header .cab-notifications{left:auto;right:0;top:calc(100% + 15px);padding:0;width:350px;background:rgba(14,14,18,.96);border-radius:17px;max-height:min(440px,70dvh)}
.site-header .header-dropdown-panel{transform-origin:top center;will-change:auto}
.site-header .header-dropdown-panel[hidden]{display:none!important}
.site-header .header-chevron{transition:transform .38s var(--motion-ease)}
.site-header summary[aria-expanded="false"] .header-chevron{transform:rotate(0)}
.site-header summary[aria-expanded="true"] .header-chevron{transform:rotate(180deg)}
.site-header .header-dropdown-panel :is(a,button){transition:background .22s,color .22s,transform .22s var(--motion-ease)}
.site-header .header-dropdown-panel :is(a,button):hover{transform:translateX(2px);background:#ffffff08}
.site-header .header-dropdown-panel :is(a,button):active{transform:translateX(2px) scale(.98)}
.site-header .header-container{transition:background .3s ease}
.site-header .brand-logo{transition:opacity .25s,transform .35s var(--motion-ease)}
.site-header .brand-logo:hover{opacity:.8;transform:translateY(-1px)}
.site-header .brand-logo:active{transform:scale(.97)}
.cab-tab-panel:not([hidden]){animation:none}
.cab-nav-link{position:relative;transition:background .3s,color .3s,transform .32s var(--motion-ease)}
.cab-nav-link:active{transform:scale(.98)}
.cab-nav-link .cab-icon{transition:transform .35s var(--motion-ease)}
.cab-nav-link:hover .cab-icon{transform:translateY(-1px)}
.cab-activation summary{transition:color .25s,background .25s;border-radius:19px}
.cab-activation summary:hover{color:#dad7e8;background:#ffffff03}
.cab-activation summary[aria-expanded="false"] .cab-icon:last-child{transform:rotate(0)}
.cab-activation summary[aria-expanded="true"] .cab-icon:last-child{transform:rotate(180deg)}
.cab-activation summary .cab-icon:last-child{transition:transform .4s var(--motion-ease)}
.cab-primary,.cab-secondary,.cab-icon-button,.cab-text-button,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit{transition:background .25s,color .25s,border-color .25s,transform .32s var(--motion-ease),box-shadow .25s}
:is(.cab-primary,.cab-secondary,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit):hover:not(:disabled){transform:translateY(-1px)}
:is(.cab-primary,.cab-secondary,.cab-icon-button,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit):active:not(:disabled){transform:translateY(0) scale(.98)}
.cab-setting-field,.cab-input,.cab-search,.modal-input{transition:border-color .28s,background .28s,box-shadow .28s}
.cab-switch,.cab-switch:after{transition:transform .32s var(--motion-ease),background .25s,border-color .25s}
.cab-avatar{transition:background .3s}
.cab-row{transition:background .22s}
.cab-row:hover{background:#ffffff02}
.cab-connection{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:12px 16px;border:1px solid #b1a48a26;border-radius:14px;background:#1a18125c;color:#b8b2a3;font-size:12px;line-height:1.5;animation:status-in .3s ease-out}
.cab-connection .cab-text-button{font-size:12px;color:#ded8c8}
.modal-overlay.active:not(#authModal){animation:modal-scrim-in .28s ease-out}
.modal-overlay.is-closing:not(#authModal){animation:modal-scrim-out .19s ease-in both}
.toast{animation:toast-in .4s var(--motion-ease)}
.adv-card,.product-card{transition:transform .4s var(--motion-ease),border-color .3s}
.adv-card:hover,.product-card:hover{transform:translateY(-3px);border-color:#ffffff24}
@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes status-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes modal-scrim-in{from{background-color:transparent}to{background-color:#030408bd}}
@keyframes modal-scrim-out{to{background-color:transparent}}
@media(max-width:1240px){.site-header .header-nav{gap:17px}.site-header .header-actions{gap:13px;margin-left:8px}.site-header #headerUsername{max-width:100px}.site-header .header-container{gap:24px}}
@media(max-width:1080px){
.site-header .header-container{gap:0}
.site-header .header-actions{margin-left:auto;gap:16px}
.site-header .header-nav{display:flex;max-height:0;opacity:0;visibility:hidden;overflow:hidden;gap:2px;width:100%;margin:0;padding:0;border:0;transition:max-height .5s var(--motion-ease),opacity .3s,margin .5s var(--motion-ease),padding .5s var(--motion-ease),visibility 0s .5s}
.site-header.menu-open .header-nav{max-height:600px;opacity:1;visibility:visible;margin:14px 0 0;padding-top:10px;border-top:1px solid #ffffff08;transition:max-height .55s var(--motion-ease),opacity .4s .06s,margin .55s var(--motion-ease),padding .55s var(--motion-ease),visibility 0s}
.site-header.menu-open{overflow-y:auto}
.site-header .header-nav .header-dropdown-panel{transform-origin:top left}
}
@media(max-width:540px){
.site-header .header-actions{gap:10px}
.site-header .header-account-toggle{gap:6px}
.site-header #headerUsername{max-width:64px;font-size:11px}
.site-header .header-avatar{width:27px;height:27px;font-size:10px}
.site-header .header-account-toggle>.header-chevron{display:none}
.site-header .header-menu-toggle{margin-left:10px}
.site-header .cab-notifications{position:fixed;top:80px;right:14px;left:auto;width:360px;max-width:calc(100vw - 28px)}
.site-header .header-account-panel{min-width:190px}
.cab-connection{gap:12px;font-size:11px}
}
@media(max-width:370px){.site-header .brand-text{display:none}.site-header #headerUsername{max-width:68px}.site-header .header-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;transition-delay:0ms!important}
.adv-card:hover,.product-card:hover{transform:none}
}