.sx-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.sx-drawer-overlay.is-open{opacity:1;pointer-events:all}.sx-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#06162a;z-index:2001;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px #0006}.sx-drawer.is-open{transform:translate(0)}.sx-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sx-drawer__title{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.sx-drawer__title svg{color:#e7bf5f}.sx-drawer__count{background:#e7bf5f26;color:#e7bf5f;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid rgba(231,191,95,.3)}.sx-drawer__close{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px;line-height:1}.sx-drawer__close:hover{background:#e7bf5f26;border-color:#e7bf5f66;color:#e7bf5f}.sx-drawer__body{flex:1;overflow-y:auto;padding:16px 24px}.sx-drawer__body::-webkit-scrollbar{width:4px}.sx-drawer__body::-webkit-scrollbar-track{background:transparent}.sx-drawer__body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sx-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;text-align:center}.sx-drawer__empty svg{color:#ffffff26}.sx-drawer__empty p{color:#fff6;font-size:14px;margin:0}.sx-drawer__empty a{color:#e7bf5f;font-size:13px;font-weight:600;text-decoration:none}.sx-drawer__items{display:flex;flex-direction:column;gap:12px}.sx-drawer__item{display:flex;gap:14px;padding:14px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.07)}.sx-drawer__img{width:72px;height:72px;min-width:72px;border-radius:8px;overflow:hidden;background:#ffffff14}.sx-drawer__img img{width:100%;height:100%;object-fit:cover}.sx-drawer__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sx-drawer__item-title{font-size:13px;font-weight:600;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sx-drawer__item-price{font-size:14px;font-weight:700;color:#e7bf5f}.sx-drawer__item-controls{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.sx-drawer__qty{display:flex;align-items:center;gap:0;background:#ffffff0f;border-radius:999px;overflow:hidden}.sx-drawer__qty button{width:30px;height:28px;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:color .15s}.sx-drawer__qty button:hover{color:#e7bf5f}.sx-drawer__qty span{font-size:13px;font-weight:600;color:#fff;min-width:20px;text-align:center}.sx-drawer__remove{font-size:11px;color:#ffffff4d;cursor:pointer;text-decoration:none;transition:color .15s}.sx-drawer__remove:hover{color:#e7bf5f}.sx-drawer__foot{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;flex-direction:column;gap:12px}.sx-drawer__subtotal{display:flex;justify-content:space-between;align-items:center}.sx-drawer__subtotal span{font-size:14px;color:#fff9}.sx-drawer__subtotal strong{font-size:18px;font-weight:800;color:#fff}.sx-drawer__checkout{display:block;width:100%;padding:16px;background:#e7bf5f;color:#06162a;font-size:15px;font-weight:700;text-align:center;border-radius:999px;text-decoration:none;transition:background .2s,transform .2s;letter-spacing:.01em}.sx-drawer__checkout:hover{background:#f0cd78;transform:translateY(-2px)}.sx-drawer__view{display:block;text-align:center;font-size:13px;color:#fff6;text-decoration:none;transition:color .2s}.sx-drawer__view:hover{color:#e7bf5f}.sx-drawer__loading{display:flex;align-items:center;justify-content:center;height:80px}.sx-drawer__spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:#e7bf5f;border-radius:50%;animation:sxSpin .7s linear infinite}@keyframes sxSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.sx-drawer{width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sunexo-drawer.css.map */