#elm-overlay{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:1rem;animation:elmFade .22s ease}
#elm-overlay.open{display:flex!important}
@keyframes elmFade{from{opacity:0}to{opacity:1}}

#elm-card{width:100%;max-width:400px;border-radius:22px;overflow:hidden;animation:elmPop .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes elmPop{from{opacity:0;transform:scale(.86) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}

#elm-img-zone{width:100%;transition:height .2s}
#elm-img-zone img:hover{transform:scale(1.04)!important}
#elm-x-btn:hover{opacity:.75;transform:scale(1.1)}
#elm-shop-btn:hover{transform:scale(1.03)!important;filter:brightness(1.1)}
#elm-close-btn:hover{opacity:.72}

#elm-body{padding:18px 20px 22px}

.elm-trigger{padding:13px 32px;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:transform .18s,filter .18s;display:inline-flex;align-items:center;gap:8px}
.elm-trigger:hover{transform:scale(1.05);filter:brightness(1.08)}

@media(max-width:500px){
  #elm-card{border-radius:14px}
  #elm-body{padding:14px 16px 18px}
}