@media(min-width:769px){.ryox-sticky-cart{display:none!important}}@media(max-width:768px){:root{--ryox-radius:24px;--ryox-gap:14px;--ryox-padding:14px}.ryox-sticky-cart{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:9999;opacity:0;visibility:hidden;transform:translateY(120%);transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1)}.ryox-sticky-cart.show{opacity:1;visibility:visible;transform:translateY(0)}.ryox-sticky-cart__inner{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:24px;background:#101010d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000059}.ryox-sticky-cart__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#ffffff2e,#ffffff08,#ffffff1f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ryox-sticky-cart__inner:after{content:"";position:absolute;top:-120%;left:-160%;width:80%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(22deg);animation:ryoxShine 5.5s linear infinite;pointer-events:none}@keyframes ryoxShine{to{left:220%}}.ryox-sticky-cart__left{display:flex;gap:12px;flex:1;min-width:0}.ryox-sticky-cart__image{width:64px;height:64px;border-radius:18px;overflow:hidden;background:#222;flex-shrink:0}.ryox-sticky-cart__image img{width:100%;height:100%;object-fit:cover;display:block}.ryox-sticky-cart__info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;flex:1}.ryox-sticky-cart__info h4{margin:0;font-size:14px;font-weight:700;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ryox-sticky-cart__variant{font-size:12px;color:#ffffffa6}.ryox-sticky-cart__price{font-size:16px;font-weight:700;color:#fff}.ryox-sticky-cart__right{width:120px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}}.ryox-sticky-cart__right{width:132px;flex-shrink:0}.ryox-sticky-cart__qty{display:flex;align-items:center;justify-content:space-between;height:40px;padding:4px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ryox-sticky-cart__qty button{width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:background .25s,transform .18s}.ryox-sticky-cart__qty button:hover{background:#ffffff1a}.ryox-sticky-cart__qty button:active{transform:scale(.88)}.ryox-sticky-cart__qty input{width:34px;border:none;background:none;color:#fff;font-size:14px;font-weight:700;text-align:center;outline:none}.ryox-sticky-cart__qty input::-webkit-inner-spin-button,.ryox-sticky-cart__qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ryox-sticky-cart__button{position:relative;overflow:hidden;width:100%;height:46px;border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.05em;color:#111;background:#fff;transition:transform .25s,box-shadow .3s;box-shadow:0 10px 30px #fff3}.ryox-sticky-cart__button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #ffffff47}.ryox-sticky-cart__button:active{transform:scale(.97)}.ryox-sticky-cart__button:before{content:"";position:absolute;top:0;left:-140%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-25deg);animation:ryoxButtonShine 4s infinite}@keyframes ryoxButtonShine{0%{left:-140%}to{left:180%}}.ryox-sticky-cart.show{animation:ryoxFloat 5s ease-in-out infinite}@keyframes ryoxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ryox-sticky-cart__image{transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 8px 18px #00000038}.ryox-sticky-cart__image:hover{transform:scale(1.05);box-shadow:0 16px 32px #0000004d}.ryox-sticky-cart__info h4{letter-spacing:.01em}.ryox-sticky-cart__price{font-size:17px;font-weight:800}.ryox-sticky-cart__variant{display:flex;align-items:center;gap:6px}.ryox-sticky-cart__variant:before{content:"";width:4px;height:4px;border-radius:50%;background:#6cff83;box-shadow:0 0 10px #6cff83}.ryox-sticky-cart__button.loading{pointer-events:none;opacity:.75}.ryox-sticky-cart__button.loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-left:-9px;margin-top:-9px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:#000;animation:ryoxSpin .7s linear infinite}@keyframes ryoxSpin{to{transform:rotate(360deg)}}.ryox-sticky-cart__button.success{background:#16a34a;color:#fff;box-shadow:0 15px 35px #16a34a59}.ryox-sticky-cart__inner{transition:transform .35s,box-shadow .35s}.ryox-sticky-cart__inner:hover{transform:translateY(-2px);box-shadow:0 30px 70px #00000073}.ryox-sticky-cart{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px)and (orientation:landscape){.ryox-sticky-cart{left:18px;right:18px;bottom:8px}}@media(max-width:360px){.ryox-sticky-cart__image{width:56px;height:56px}.ryox-sticky-cart__right{width:118px}.ryox-sticky-cart__button{height:42px;font-size:13px}}.ryox-sticky-cart__inner{padding:12px!important;border-radius:22px!important;gap:12px!important;background:linear-gradient(180deg,#1c1c1ce0,#101010f0)!important;box-shadow:0 18px 45px #00000059,inset 0 1px #ffffff14!important}.ryox-sticky-cart__left{align-items:center!important;gap:12px!important}.ryox-sticky-cart__image{width:58px!important;height:58px!important;border-radius:16px!important;flex-shrink:0}.ryox-sticky-cart__info{gap:2px!important}.ryox-sticky-cart__info h4{font-size:14px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.ryox-sticky-cart__variant{display:flex!important;align-items:center;gap:6px;font-size:12px!important}.ryox-sticky-cart__price{font-size:15px!important;font-weight:700}.ryox-sticky-cart__right{width:126px!important;gap:8px!important}.ryox-sticky-cart__qty{height:36px!important}.ryox-sticky-cart__qty button{width:28px!important;height:28px!important}.ryox-sticky-cart__button{height:44px!important;font-size:13px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,#ececec)!important}.ryox-sticky-cart__meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#d8d8d8}.ryox-sticky-cart__inner{padding:10px 12px!important;min-height:96px!important}.ryox-sticky-cart__image{width:54px!important;height:54px!important}.ryox-sticky-cart__right{width:122px!important;gap:6px!important}.ryox-sticky-cart__qty{height:34px!important}.ryox-sticky-cart__qty button{width:26px!important;height:26px!important;font-size:16px!important}.ryox-sticky-cart__button{height:40px!important;font-size:14px!important;background:linear-gradient(180deg,#fff,#f2f2f2)!important}.ryox-sticky-cart__info h4{font-size:13px!important}.ryox-sticky-cart__meta{font-size:12px!important}@media(max-width:768px){.ryox-sticky-cart__inner{padding:12px;gap:10px}.ryox-sticky-cart__image{width:62px;height:62px;border-radius:18px}.ryox-sticky-cart__info{min-width:0}.ryox-sticky-cart__info h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25;margin-bottom:4px}.ryox-sticky-cart__meta{font-size:13px}.ryox-sticky-cart__right{width:128px}.ryox-sticky-cart__button{height:44px;border-radius:999px;font-weight:700}.ryox-sticky-cart__qty{height:34px;border-radius:18px}}@media(max-width:768px){.ryox-sticky-cart__inner{background:linear-gradient(145deg,#2d2d2df2,#0f0f0ff5);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff1f}.ryox-sticky-cart__info h4{font-weight:600;letter-spacing:-.02em}.ryox-sticky-cart__qty{background:#ffffff14;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ryox-sticky-cart__button{background:linear-gradient(180deg,#fff,#e9e9e9);box-shadow:0 8px 20px #00000040}.ryox-sticky-cart__button:active{transform:scale(.96)}}@media(max-width:768px){.ryox-sticky-cart__button{height:40px!important;padding:0 20px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:none!important;box-shadow:0 8px 22px #00000040,inset 0 1px #fffc!important}.ryox-sticky-cart__button:active{transform:scale(.96)}}@media(max-width:768px){.ryox-sticky-cart__button{position:relative;overflow:hidden}.ryox-sticky-cart__button:after{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:ryoxButtonShine 4s infinite}@keyframes ryoxButtonShine{0%{left:-120%}35%{left:150%}to{left:150%}}.ryox-sticky-cart__button:hover{transform:translateY(-1px)}}@media(max-width:768px){.ryox-sticky-cart{transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.ryox-sticky-cart.active{opacity:1;visibility:visible;transform:translateY(0)}.ryox-sticky-cart.active .ryox-sticky-cart__inner{animation:ryoxFloating 5s ease-in-out infinite}@keyframes ryoxFloating{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ryox-sticky-cart.active .ryox-sticky-cart__inner{box-shadow:0 18px 50px #00000073,0 0 #fff0;animation:ryoxFloating 5s ease-in-out infinite}}@media(max-width:768px){.ryox-sticky-cart__image{position:relative;overflow:hidden;border-radius:18px!important;border:1px solid rgba(255,255,255,.12);background:#111;box-shadow:0 8px 20px #00000059}.ryox-sticky-cart__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.ryox-sticky-cart:hover .ryox-sticky-cart__image img{transform:scale(1.05)}.ryox-sticky-cart__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%);pointer-events:none}}@media(max-width:768px){.ryox-sticky-cart__info h4{font-size:14px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.02em;color:#fff!important;margin:0 0 5px!important}.ryox-sticky-cart__meta{display:flex;align-items:center;gap:6px;font-size:12px!important;line-height:1;color:#ffffffa6!important}#RyoxStickyPrice{color:#fff!important;font-weight:700!important;letter-spacing:.01em}#RyoxStickyVariant{color:#ffffffb3}.ryox-sticky-cart__info{padding-right:4px}}@media(max-width:768px){.ryox-sticky-cart__inner{align-items:center!important;gap:12px!important}.ryox-sticky-cart__left{flex:1;min-width:0;display:flex;align-items:center}.ryox-sticky-cart__info{flex:1;min-width:0}.ryox-sticky-cart__right{width:125px!important;flex-shrink:0}.ryox-sticky-cart__qty{margin-bottom:6px}.ryox-sticky-cart__qty button{transition:transform .2s ease,opacity .2s ease}.ryox-sticky-cart__qty button:active{transform:scale(.85)}.ryox-sticky-cart__button{transition:transform .25s ease,box-shadow .25s ease}.ryox-sticky-cart__button:active{transform:scale(.95)}}@media(max-width:768px){.ryox-sticky-cart__inner{position:relative}.ryox-sticky-cart__inner:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 35%,transparent 65%,rgba(255,255,255,.08));pointer-events:none;opacity:.6}.ryox-sticky-cart__button{position:relative;overflow:hidden}.ryox-sticky-cart__button:active{box-shadow:0 2px 8px #0000004d inset}.ryox-sticky-cart__qty{transition:transform .2s ease,background .2s ease}.ryox-sticky-cart__qty:active{transform:scale(.96)}.ryox-sticky-cart,.ryox-sticky-cart *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}document.addEventListener("change",function(e){if(!e.target.matches("variant-selects select, variant-selects input")) return; setTimeout(function(){const variantData = document.querySelector("variant-selects [data-selected-variant]"); if(!variantData) return; const variant = JSON.parse(variantData.textContent); const image = document.getElementById("RyoxStickyImage"); if(image && variant.featured_image){image.style.opacity = "0"; setTimeout(()=>{image.src = variant.featured_image.src .replace(/\.(jpg|jpeg|png).*/,".$1"); image.style.opacity="1";},200);}},250);}); #RyoxStickyImage{transition:opacity .25s ease}@media(max-width:768px){.ryox-sticky-cart{opacity:0;visibility:hidden;transform:translateY(40px)}.ryox-sticky-cart.active{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:768px){.ryox-qty-plus,.ryox-qty-minus{cursor:pointer;transition:.2s ease}.ryox-qty-plus:active,.ryox-qty-minus:active{transform:scale(.85)}}@media(max-width:768px){.ryox-sticky-cart__button{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.ryox-sticky-cart__button.loading{opacity:.7;transform:scale(.97)}.ryox-sticky-cart__button.success{background:linear-gradient(135deg,#dfffe5,#fff)!important;color:#111!important;box-shadow:0 8px 25px #00c85040;animation:ryoxAddedPop .35s ease}@keyframes ryoxAddedPop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}}@media(max-width:768px){.ryox-sticky-cart__button.success:before{content:"";display:inline-block;margin-right:6px}}@media(max-width:768px){.cart-drawer{transition:visibility .3s ease}.cart-drawer__overlay{background:#00000073!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cart-drawer .drawer__inner{border-radius:28px 28px 0 0;box-shadow:0 -20px 60px #00000059}.cart-drawer .cart-item{animation:ryoxCartItem .35s ease both}@keyframes ryoxCartItem{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ryox-sticky-cart.css.map */