.category-popup{animation:category-popup-slide-in .6s ease-out;bottom:80px;position:fixed;right:30px;z-index:9999}.category-popup__link{cursor:pointer;display:block;text-decoration:none;transition:transform .3s ease}.category-popup__link:hover{transform:scale(1.05)}.category-popup__balloon{animation:category-popup-float 4s ease-in-out infinite;position:relative}.category-popup__image{display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));height:auto;max-height:87px;max-width:100px;-o-object-fit:contain;object-fit:contain;width:100px}.category-popup__tag{background-color:#000;bottom:-20%;box-shadow:0 4px 12px rgba(0,0,0,.3);left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%) rotate(-8deg);width:80px}.category-popup__tag-text{color:#fff;display:block;font-size:10px;letter-spacing:.5px;line-height:1.2;text-align:center}.category-popup__close{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;height:24px;justify-content:center;padding:3px;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:1}.category-popup__close:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25);transform:scale(1.1)}.category-popup__close svg{display:block;transition:opacity .2s ease}@keyframes category-popup-slide-in{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes category-popup-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}