.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1999;font-family:Instrument Sans,sans-serif}.cart-drawer.active{pointer-events:auto}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ds-ease)}.cart-drawer.active .cart-drawer__overlay{opacity:1}.cart-drawer__container{position:absolute;top:var(--cart-top, 65px);right:0;height:calc(100% - var(--cart-top, 65px));width:400px;max-width:100%;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s var(--ds-ease);box-shadow:-4px 0 32px #0000001f;clip-path:inset(0 0 -40px -40px)}.cart-drawer.active .cart-drawer__container{transform:translate(0)}.cart-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fff;border-bottom:1px solid rgba(17,20,30,.08);flex-shrink:0}.cart-drawer__title{font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;color:#15161c;margin:0}.cart-drawer__close{background:#fff;border:1px solid rgba(17,20,30,.08);width:40px;height:40px;border-radius:999px;cursor:pointer;display:none;align-items:center;justify-content:center;color:#15161c;transition:background .18s,border-color .18s;flex-shrink:0}.cart-drawer__close:hover{background:#eef1f6}.cart-drawer__close svg{width:14px;height:14px;stroke:#15161c;stroke-width:2.5;stroke-linecap:round}.cart-drawer__content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.cart-drawer__content::-webkit-scrollbar{width:4px}.cart-drawer__content::-webkit-scrollbar-track{background:transparent}.cart-drawer__content::-webkit-scrollbar-thumb{background:var(--ds-surface-highest);border-radius:999px}.cart-drawer__empty[hidden],.cart-drawer__items[hidden],.cart-drawer__footer[hidden]{display:none!important}.cart-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px;gap:6px}.cart-drawer__empty-badge{width:88px;height:88px;border-radius:50%;background:#eaf1fd;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.cart-drawer__empty-badge svg{width:38px;height:38px;color:#0b57d0}.empty-cart__text{font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:700;color:var(--ds-on-surface);margin:0}.cart-drawer__empty-sub{font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.5;color:var(--ds-on-surface-muted);max-width:240px;margin:0 0 20px}.cart-drawer__empty-btn{display:inline-block;padding:13px 26px;background:#0b57d0;color:#fff;border-radius:9999px;font-family:Instrument Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:opacity .18s,transform .1s}.cart-drawer__empty-btn:hover{opacity:.9;transform:translateY(-1px)}.empty-cart__icon{max-width:96px;height:auto;opacity:.5}.cart-drawer__items{display:flex;flex-direction:column;gap:10px}.cart-drawer__item{display:flex;align-items:center;gap:12px;background:var(--ds-surface-lowest);border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000f}.cart-drawer__item-image img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#f6f7fa;flex-shrink:0}.cart-drawer__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cart-drawer__item-title{font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:600;color:var(--ds-on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-drawer__item-quantity{font-size:12px;color:var(--ds-on-surface-muted);margin:0}.cart-drawer__item-price{font-size:14px;font-weight:700;color:var(--ds-on-surface);margin:0}.cd-qty{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;background:var(--ds-surface-low);border-radius:999px;padding:3px}.cd-qty__btn{width:28px;height:28px;border:none;background:transparent;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ds-on-surface);transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.cd-qty__btn:hover{background:var(--ds-surface-high)}.cd-qty__btn svg{width:15px;height:15px;display:block}.cd-qty__dec--remove{color:#d64545}.cd-qty__dec--remove:hover{background:#d645451f}.cd-qty__val{min-width:16px;text-align:center;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:700;color:var(--ds-on-surface);font-variant-numeric:tabular-nums}.cart-drawer__footer{padding:16px 20px 20px;background:var(--ds-surface-lowest);border-top:1px solid var(--ds-surface-high);flex-shrink:0;display:flex;flex-direction:column;gap:14px}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:center}.cart-drawer__subtotal-label{font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:600;color:var(--ds-on-surface-muted)}.cart-drawer__subtotal-amount{font-family:Instrument Sans,sans-serif;font-size:20px;font-weight:700;color:var(--ds-on-surface)}.cart-drawer__checkout{display:block;width:100%;text-align:center;padding:15px 20px;background:#0b57d0;color:#fff;text-decoration:none;border:none;border-radius:9999px;font-family:Instrument Sans,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;transition:background .18s,transform .1s}.cart-drawer__checkout:hover{background:#0a4ab0;transform:translateY(-1px)}.cart-drawer__checkout:active{transform:scale(.98)}.cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0}.cart-count{position:absolute;top:-8px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:var(--ds-primary);color:var(--ds-on-primary);font-size:10px;font-weight:700;line-height:16px;border-radius:999px;text-align:center;transition:transform .2s var(--ds-ease),opacity .2s var(--ds-ease)}.cart-count.hidden{opacity:0;transform:scale(0);pointer-events:none}.cart-count.pulse{animation:pulse-bubble .3s var(--ds-ease)}@keyframes pulse-bubble{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@media(max-width:768px){.cart-drawer__container{width:88vw;max-width:400px}.cart-drawer__overlay{background:#00000073}.cart-drawer__close{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/drawer-cart.css.map */