.product-floating-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--floating-bar-bg, #ffffff);padding:var(--floating-bar-padding-v, 12px) var(--floating-bar-padding-h, 12px);padding-bottom:calc(var(--floating-bar-padding-v, 12px) + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #0000001a;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-floating-bar.is-visible{transform:translateY(0)}@media screen and (min-width: 990px){.product-floating-bar:not(.product-floating-bar--show-desktop){display:none}}.product-floating-bar--placeholder{position:relative;transform:none;box-shadow:none;border:1px dashed #ccc}.product-floating-bar__urgency{background:var(--urgency-bg, #ef4444);color:var(--urgency-text, #ffffff);margin:calc(var(--floating-bar-padding-v, 12px) * -1) calc(var(--floating-bar-padding-h, 12px) * -1);margin-bottom:var(--floating-bar-padding-v, 12px);padding:4px 12px;font-size:11px;font-weight:500;text-align:center;overflow:hidden;position:relative}.product-floating-bar__urgency-track{position:relative;height:14px}.product-floating-bar__urgency-item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%);transition:opacity .4s ease,transform .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-floating-bar__urgency-item.is-active{opacity:1;transform:translateY(0)}.product-floating-bar__buttons{display:flex;gap:var(--floating-bar-gap, 8px);flex-direction:row}.product-floating-bar__btn{flex:1;min-width:0}.product-floating-bar__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-floating-bar__btn:disabled{opacity:.5;cursor:not-allowed}.product-floating-bar__btn.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.product-floating-bar__btn.btn--primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.product-floating-bar__btn.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.product-floating-bar__btn.btn--secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.product-floating-bar__btn.btn--outline{background-color:transparent;color:var(--btn-outline-text);border:1px solid var(--btn-outline-border)}.product-floating-bar__btn.btn--outline:hover:not(:disabled){background-color:var(--btn-outline-bg-hover);border-color:var(--btn-outline-border-hover)}.product-floating-bar__btn .btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.product-floating-bar__btn .btn__icon svg{width:18px;height:18px}.product-floating-bar__btn .btn__text{overflow:hidden;text-overflow:ellipsis}.product-floating-bar__btn.is-loading{position:relative;pointer-events:none}.product-floating-bar__btn.is-loading .btn__text,.product-floating-bar__btn.is-loading .btn__icon{opacity:0}.product-floating-bar__btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:floating-bar-spin .6s linear infinite}@keyframes floating-bar-spin{to{transform:rotate(360deg)}}.product-floating-bar__btn.is-success{background:var(--color-success, #22c55e)!important;color:#fff!important}.product-floating-bar__btn[data-floating-btn=wishlist].is-active .btn__icon svg{fill:currentColor}@media screen and (max-width: 389px){.product-floating-bar__btn{padding:10px 12px;font-size:13px}.product-floating-bar__btn .btn__icon svg{width:16px;height:16px}}@media screen and (min-width: 990px){.product-floating-bar--show-desktop{left:50%;right:auto;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;margin-bottom:16px}.product-floating-bar--show-desktop.is-visible{transform:translate(-50%) translateY(0)}}body:has(.product-floating-bar.is-visible){padding-bottom:80px}@supports not selector(:has(*)){.product-page{padding-bottom:80px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-floating-bar.css.map */