.sticky-atc{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #e5e5e5;padding:10px 20px;z-index:1000;transform:translateY(100%);transition:transform .3s ease-in-out;box-shadow:0 -2px 10px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-atc.is-visible{transform:translateY(0)}.sticky-atc__product{display:flex;align-items:center;gap:15px}.sticky-atc__image{width:50px;height:50px;object-fit:cover;border-radius:4px}.sticky-atc__info{display:flex;flex-direction:column}.sticky-atc__title{font-weight:600;font-size:14px;margin:0;line-height:1.2}.sticky-atc__price{font-size:14px;color:#666}.sticky-atc__actions{display:flex;align-items:center;gap:15px}.sticky-atc__btn{position:relative;padding:10px 20px;background-color:var(--color-primary-button-bg, #000);color:var(--color-primary-button-text, #fff);border:none;cursor:pointer;font-weight:700;font-size:13px;transition:opacity .2s;min-width:120px;text-align:center}.sticky-atc__btn:hover{opacity:.9}.sticky-atc__btn:disabled{opacity:.5;cursor:not-allowed}.sticky-atc__btn-content{display:flex;align-items:center;justify-content:center;gap:8px}.sticky-atc__dot{display:inline-block;opacity:.5}@media (min-width: 768px){.sticky-atc__btn{font-size:13.5px}}@media (min-width: 1024px){.sticky-atc__btn{font-size:14px}}@media (max-width: 767px){.sticky-atc{padding:10px;flex-direction:column;gap:10px}.sticky-atc__product,.sticky-atc__actions,.sticky-atc__btn{width:100%}.sticky-atc__info{flex:1}}.sticky-atc__btn .btn-state-complete{visibility:hidden;position:absolute;top:50%;left:50%;width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;margin-top:-2px;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:opacity .2s,visibility .2s}.sticky-atc__btn.has-success .btn-state-complete{visibility:visible;opacity:1}.sticky-atc__loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;pointer-events:none}.sticky-atc__btn .svg-loader{animation:sticky-atc-rotate 2s linear infinite;width:18px;height:18px;stroke:currentColor}.sticky-atc__btn .svg-loader circle{stroke-width:2;fill:none}@keyframes sticky-atc-rotate{to{transform:rotate(360deg)}}.is-invisible{visibility:hidden;opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sticky-atc.css.map */