.menu-overlay { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: rgba(0,0,0,.64) !important; }
.site-menu { width: min(460px,100%) !important; padding: 0 36px 34px !important; background: linear-gradient(145deg,#242424 0%,#111 100%) !important; box-shadow: -20px 0 60px rgba(0,0,0,.4); }
.menu-panel-head { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.11); }
.menu-panel-brand { display: flex !important; align-items: center; gap: 13px; padding: 0 !important; font-family: Impact,'Arial Narrow',sans-serif; font-size: 23px !important; letter-spacing: .35px; }
.menu-panel-brand img { width: 54px; height: 54px; object-fit: contain; }
.menu-close { position: relative; width: 43px; height: 43px; margin: 0 !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 50%; transition: border-color .2s,background .2s,transform .2s; }
.menu-close:hover { border-color: var(--eros-gold) !important; background: rgba(217,154,43,.12) !important; transform: rotate(4deg); }
.menu-close span { position: absolute; left: 11px; top: 20px; width: 20px; height: 2px; background: #fff; }
.menu-close span:first-child { transform: rotate(45deg); }
.menu-close span:last-child { transform: rotate(-45deg); }
.menu-panel-label { margin: 27px 0 7px; color: var(--eros-gold); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.site-menu > ul { padding: 0 !important; }
.site-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,.09) !important; }
.site-menu > ul > li > a { position: relative; padding: 12px 30px 12px 0 !important; color: #eee; font-size: 16px !important; font-weight: 500 !important; transition: color .2s,padding-left .2s; }
.site-menu > ul > li > a::after { content: '→'; position: absolute; right: 2px; top: 50%; color: var(--eros-gold); opacity: .55; transform: translateY(-50%); transition: right .2s,opacity .2s; }
.site-menu > ul > li > a:hover,.site-menu > ul > li.current-menu-item > a { color: var(--eros-gold); padding-left: 8px !important; }
.site-menu > ul > li > a:hover::after { right: 0; opacity: 1; }
.site-menu .menu-cta { grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 28px !important; }
.site-menu .menu-cta .button { min-height: 56px; justify-content: center; padding: 14px 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 2px; box-shadow: 0 8px 20px rgba(0,0,0,.18); text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; transition: transform .2s,filter .2s,box-shadow .2s,border-color .2s; }
.site-menu .menu-cta .button:hover { transform: translateY(-3px); filter: brightness(1.07); border-color: rgba(255,255,255,.45); box-shadow: 0 14px 28px rgba(0,0,0,.3); }
.site-menu .menu-cta-donate { background: var(--eros-gold) !important; }
.site-menu .menu-cta-join { background: var(--eros-blue) !important; }
.site-menu.is-open { animation: eros-menu-in .32s cubic-bezier(.2,.7,.2,1); }
@keyframes eros-menu-in { from { transform: translateX(100%); opacity: .7; } to { transform: translateX(0); opacity: 1; } }
@media (max-width: 520px) { .site-menu { padding-inline: 24px !important; } .menu-panel-head { min-height: 94px; } .menu-panel-brand img { width: 46px; height: 46px; } .site-menu .menu-cta { grid-template-columns: 1fr !important; } .site-menu .menu-cta .button { min-height: 54px; } }
@media (prefers-reduced-motion: reduce) { .site-menu,.menu-overlay,.site-menu.is-open { animation: none !important; transition: none !important; } }