.cart-drawer[aria-hidden=true] .cart-drawer__overlay,.cart-drawer[aria-hidden=true] .cart-drawer__panel{visibility:hidden;pointer-events:none}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:999;opacity:0;transition:opacity var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer[aria-hidden=false] .cart-drawer__overlay{opacity:1;visibility:visible}.cart-drawer__panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-bg);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out);overflow:hidden}.cart-drawer[aria-hidden=false] .cart-drawer__panel{transform:translate(0);visibility:visible}.cart-drawer__content{display:flex;flex-direction:column;height:100%;padding:var(--space-8) var(--space-5);justify-content:space-between}.cart-drawer__top{display:flex;flex-direction:column;gap:var(--space-5);flex:1;overflow:hidden}.cart-drawer__header{display:flex;justify-content:space-between;align-items:flex-start}.cart-drawer__title{text-transform:uppercase}.cart-drawer__close{background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text)}.cart-drawer__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cart-drawer__shipping{display:flex;flex-direction:column;gap:var(--space-5)}.cart-drawer__shipping-text{color:var(--color-text)}.cart-drawer__shipping-track{width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.cart-drawer__shipping-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.cart-drawer__empty{color:var(--color-text-muted);text-align:center;padding:var(--space-10) 0}.cart-drawer__item{display:flex;gap:var(--space-4)}.cart-drawer__item-image{flex-shrink:0;width:125px;height:167px;background:var(--color-bg-muted);overflow:hidden}.cart-drawer__item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__item-image:hover img{transform:scale(1.05)}.cart-drawer__item-info{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-10);padding:var(--space-2) 0}.cart-drawer__item-details{display:flex;flex-direction:column;gap:var(--space-2)}.cart-drawer__item-header{display:flex;justify-content:space-between;gap:var(--space-2)}.cart-drawer__item-title{text-decoration:none;color:var(--color-text);text-transform:uppercase;transition:color var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__item-title:hover{color:var(--color-accent)}.cart-drawer__item-price{color:var(--color-text);flex-shrink:0}.cart-drawer__item-variant,.cart-drawer__item-property{color:var(--color-text-muted)}.cart-drawer__item-actions{display:flex;justify-content:space-between;align-items:center}.cart-drawer__quantity{display:flex;align-items:center;gap:var(--space-8);width:88px}.cart-drawer__qty-btn{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:1.25rem;line-height:1;color:var(--color-text);padding:0;transition:color var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__qty-btn--minus{color:var(--color-text-muted)}.cart-drawer__qty-btn:hover{color:var(--color-accent)}.cart-drawer__qty-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cart-drawer__qty-value{text-align:center}.cart-drawer__remove{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;transition:color var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__remove:hover{color:var(--color-accent)}.cart-drawer__remove:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cart-drawer__recommendations{display:flex;flex-direction:column;gap:var(--space-8)}.cart-drawer__recommendations-divider,.cart-drawer__footer-divider{height:1px;background:var(--color-border)}.cart-drawer__recommendations-title{text-transform:uppercase}.cart-drawer__recommendations-grid{display:flex;gap:var(--space-10)}.cart-drawer__rec-item{display:flex;gap:var(--space-3);flex:1}.cart-drawer__rec-image{flex-shrink:0;width:48px;height:63px;background:var(--color-bg-muted);overflow:hidden}.cart-drawer__rec-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__rec-image:hover img{transform:scale(1.05)}.cart-drawer__rec-info{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-3)}.cart-drawer__rec-details{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.cart-drawer__rec-title{text-decoration:none;color:var(--color-text);text-transform:uppercase;transition:color var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__rec-title:hover{color:var(--color-accent)}.cart-drawer__rec-variant,.cart-drawer__rec-price{color:var(--color-text-muted)}.cart-drawer__rec-add{background:none;border:none;cursor:pointer;color:var(--color-text);padding:0;text-transform:uppercase;text-align:start;transition:color var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__rec-add:hover{color:var(--color-accent)}.cart-drawer__rec-add:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cart-drawer__footer{display:flex;flex-direction:column;gap:var(--space-8)}.cart-drawer__footer[hidden]{display:none}.cart-drawer__subtotal{display:flex;flex-direction:column;gap:var(--space-4)}.cart-drawer__subtotal-row{display:flex;justify-content:space-between;align-items:center}.cart-drawer__subtotal-note{color:var(--color-text-muted);text-align:center}.cart-drawer__checkout{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3) var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:500px;cursor:pointer;height:40px;transition:background var(--motion-duration-md, .3s) var(--motion-ease-out, ease-out)}.cart-drawer__checkout:hover{background:var(--color-accent)}.cart-drawer__checkout:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(min-width:750px){.cart-drawer__panel{max-width:718px}.cart-drawer__content{padding:var(--space-15) var(--space-10)}.cart-drawer__rec-image{width:77px;height:103px}}[data-cart-items][data-loading]{display:flex;flex-direction:column;gap:var(--space-5)}.cart-drawer__skeleton{display:flex;gap:var(--space-4);padding:var(--space-4) 0}.cart-drawer__skeleton-image{width:125px;height:167px;background:var(--color-bg-subtle);border-radius:2px;animation:skeleton-pulse 1.5s ease-in-out infinite}.cart-drawer__skeleton-info{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.cart-drawer__skeleton-line{height:14px;background:var(--color-bg-subtle);border-radius:2px;animation:skeleton-pulse 1.5s ease-in-out infinite}.cart-drawer__skeleton-line--short{width:60%}.cart-drawer__skeleton-line--medium{width:80%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.cart-drawer__item[data-updating]{pointer-events:none}@media(prefers-reduced-motion:reduce){.cart-drawer__skeleton-image,.cart-drawer__skeleton-line{animation:none;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/213/assets/section-cart-drawer.css.map */