.action-notice{position:fixed;right:28px;bottom:28px;z-index:11000;width:min(400px,calc(100vw - 32px));box-sizing:border-box;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:20px 18px 22px;background:#fff;border:1px solid #e8dfe5;border-radius:12px;box-shadow:0 12px 44px #33212d24;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1);overflow:hidden;color:#30262f}.action-notice[hidden]{display:none}.action-notice.is-visible{opacity:1;transform:translateY(0) scale(1)}.action-notice-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f9eef3;color:var(--osnovnaBoja);flex:none}.action-notice-icon svg{width:20px;height:20px}.action-notice-icon path{stroke-dasharray:30;stroke-dashoffset:0}.notice-replay .action-notice-icon path{animation:notice-check .4s ease-out}.action-notice-message{font-size:14px;font-weight:700;line-height:1.5;margin:1px 0 0;overflow-wrap:anywhere}.action-notice-detail{font-size:12px;color:#85747e;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}.action-notice-link{display:inline-block;font-size:12px;color:var(--osnovnaBoja);margin-top:10px;text-underline-offset:4px}.action-notice-link[hidden],.action-notice-detail[hidden]{display:none}.action-notice-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:0;color:#8e7c88;font-size:23px;line-height:1;cursor:pointer}.action-notice button:focus-visible,.action-notice a:focus-visible{outline:2px solid var(--osnovnaBoja);outline-offset:3px}.action-notice-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--osnovnaBoja);opacity:.65;transform-origin:left}.notice-replay .action-notice-progress{animation:notice-progress 3.2s linear forwards}.action-notice.is-error{border-color:#ecc9d5}.action-notice.is-error .action-notice-progress{animation-duration:5.5s}.action-notice.is-error .action-notice-icon{background:#fff1f4}.action-notice.is-paused .action-notice-progress{animation-play-state:paused}.interaction-pending{position:relative;cursor:wait!important}.interaction-pending::after{content:'';display:inline-block;position:absolute;right:12px;top:calc(50% - 7px);width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:interaction-spin .65s linear infinite}.interaction-pending[data-type="products-product-heart"] svg{opacity:.2}.interaction-pending[data-type="products-product-heart"]::after{right:calc(50% - 7px)}.interaction-confirmed[data-type="products-product-heart"] svg{animation:favorite-confirmed .32s ease-out}@keyframes notice-check{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes notice-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes interaction-spin{to{transform:rotate(360deg)}}@keyframes favorite-confirmed{50%{transform:scale(1.14)}}@media(max-width:767px){.action-notice{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:17px 14px 20px;gap:10px;grid-template-columns:34px minmax(0,1fr) 28px}.action-notice-icon{width:32px;height:32px}.action-notice-message{font-size:13px}.action-notice-detail{font-size:11px}}@media(prefers-reduced-motion:reduce){.action-notice{transform:none;transition:opacity .12s linear}.notice-replay .action-notice-icon path,.interaction-confirmed[data-type="products-product-heart"] svg{animation:none}.action-notice-progress{display:none}.interaction-pending::after{animation-duration:1.4s}}