.juli-floating-notification{position:fixed;bottom:32px;right:32px;z-index:99999999!important;width:clamp(300px,24vw,360px);background:#0e0f10b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none!important;outline:none!important;border-radius:20px;padding:12px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 36px #00000059;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;color:#f5f7fa;-webkit-tap-highlight-color:transparent!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,48px,0) scale(.92);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.34,1.56,.64,1),visibility .5s ease,background-color .25s ease,box-shadow .25s ease}.juli-floating-notification:focus,.juli-floating-notification:focus-visible,.juli-floating-notification:active{outline:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important}.juli-floating-notification.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1)}.juli-floating-notification.is-visible:hover{background:#181a1ce0;border:none!important;outline:none!important;box-shadow:0 20px 44px #00000073;transform:translate3d(0,-3px,0) scale(1.01)}.juli-notif-icon-box{width:56px;height:56px;border-radius:14px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;overflow:hidden}.juli-notif-icon-box--fallback{background:linear-gradient(135deg,#00ff85,#00d06c)}.juli-notif-icon-svg{width:100%;height:100%;display:block}.juli-notif-icon-img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}.juli-notif-icon-glyph{font-size:32px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.04em}.juli-notif-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.juli-notif-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.juli-notif-title{font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#f5f7fa;margin:0}.juli-notif-time{font-size:13px;font-weight:400;color:#f5f7fa99;white-space:nowrap;margin:0}.juli-notif-message{font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:#f5f7fa;margin:0;white-space:normal;word-break:break-word}.juli-notif-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#111418;border:none!important;outline:none!important;color:#a6a9b0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease;z-index:10}.juli-floating-notification:hover .juli-notif-close{opacity:1;visibility:visible}.juli-notif-close:hover{background:#1e2229;color:#fff;transform:scale(1.1)}.juli-notif-badge{display:none}@media(max-width:768px){.juli-floating-notification{bottom:24px;right:20px;left:auto;width:56px;height:56px;padding:0;border-radius:16px;overflow:visible;gap:0;background:transparent;border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transform-origin:right bottom;box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;outline:none!important;transition:width .42s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),border-radius .3s ease,padding .3s ease,gap .3s ease,opacity .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.34,1.56,.64,1),visibility .35s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.juli-floating-notification.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translateZ(0)}.juli-floating-notification .juli-notif-icon-box{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:16px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;border:none;transition:width .3s ease,height .3s ease,min-width .3s ease,border-radius .3s ease}.juli-floating-notification .juli-notif-icon-box--fallback{background:linear-gradient(135deg,#00ff85,#00d06c)}.juli-floating-notification .juli-notif-icon-glyph{font-size:30px}.juli-floating-notification .juli-notif-content{opacity:0;max-width:0;overflow:hidden;pointer-events:none;transform:translate(10px);white-space:nowrap;display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),max-width .38s cubic-bezier(.16,1,.3,1)}.juli-floating-notification .juli-notif-title{font-size:15px;font-weight:600;line-height:1.2;color:#f5f7fa;margin:0}.juli-floating-notification .juli-notif-time{font-size:12px;color:#f5f7fa99}.juli-floating-notification .juli-notif-message{font-size:13px;font-weight:500;line-height:1.3;color:#f5f7fa;margin:0;white-space:normal;word-break:break-word}.juli-floating-notification .juli-notif-close{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#111418;border:none!important;outline:none!important;color:#a6a9b0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease;z-index:10}.juli-notif-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 4px;background:#ff3b30;color:#fff;font-family:inherit;font-size:11px;font-weight:700;line-height:1;border-radius:10px;border:2px solid #FFFFFF;box-shadow:0 2px 8px #00000059;z-index:15;pointer-events:none;transition:opacity .2s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.juli-floating-notification.is-expanded{width:min(348px,calc(100vw - 32px));height:72px;padding:10px 14px 10px 10px;border-radius:20px;gap:12px;background:#0e0f10f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none!important;outline:none!important;box-shadow:0 20px 48px #0000008c}.juli-floating-notification.is-expanded .juli-notif-badge{opacity:0;transform:scale(.4);pointer-events:none}.juli-floating-notification.is-expanded .juli-notif-icon-box{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:14px;box-shadow:none}.juli-floating-notification.is-expanded .juli-notif-icon-glyph{font-size:26px}.juli-floating-notification.is-expanded .juli-notif-content{opacity:1;max-width:250px;pointer-events:auto;transform:translate(0);transition-delay:.08s}.juli-floating-notification.is-expanded .juli-notif-close{opacity:1;visibility:visible;pointer-events:auto}}body.juli-modal-open .juli-floating-notification,body.juli-mobile-menu-open .juli-floating-notification,.juli-header-nav.is-mobile-open~.juli-floating-notification,.juli-modal-backdrop.is-active~.juli-floating-notification{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;transform:translate3d(0,24px,0) scale(.9)!important}#shop-hcaptcha-badge-container,.hcaptcha-badge,div[id*=hcaptcha],.grecaptcha-badge{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:fixed!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:0!important;height:0!important;z-index:-9999!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-floating-notification.css.map */