.drawer{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer)}.drawer.is-open{visibility:visible}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);opacity:0;transition:opacity .3s ease}.drawer.is-open .cart-drawer__overlay{opacity:1}.drawer__inner{position:fixed;top:0;right:0;bottom:0;width:min(90vw,420px);background:var(--color-background);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:calc(var(--z-drawer) + 1)}.drawer.is-open .drawer__inner{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__heading{font-size:var(--text-lg);font-weight:700;margin:0}.drawer__count{font-weight:400;color:var(--color-text-secondary);font-size:var(--text-sm)}.drawer__close{display:flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);cursor:pointer;color:var(--color-text-primary);background:none;border:none;transition:opacity var(--transition-base)}.drawer__close:hover{opacity:.6}.drawer__scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}cart-drawer-items.is-empty{display:none}.cart-drawer__form{display:block}.drawer__contents{padding:var(--space-4) var(--space-6)}.cart-drawer__item{display:grid;grid-template-columns:80px 1fr auto;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);align-items:start}.cart-drawer__item-image{border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:3 / 4;background-color:var(--color-surface-alt)}.cart-drawer__image{width:100%;height:100%;object-fit:cover}.cart-drawer__item-details{display:flex;flex-direction:column;gap:var(--space-2)}.cart-drawer__item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);line-height:var(--leading-snug)}.cart-drawer__item-variant{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.cart-drawer__item-price{margin-top:var(--space-2)}.cart-drawer__quantity{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-3);width:fit-content}.cart-drawer__item.is-removing{opacity:0;transform:translate(30px);max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .4s ease .1s,padding .4s ease .1s}.cart-drawer__quantity .quantity__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-base)}.cart-drawer__quantity .quantity__button:hover{background-color:var(--color-surface-alt)}.cart-drawer__quantity .quantity__button.disabled{opacity:.3;cursor:not-allowed}.cart-drawer__quantity .quantity__input{width:40px;height:32px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:transparent;color:var(--color-text-primary);-moz-appearance:textfield}.cart-drawer__quantity .quantity__input::-webkit-inner-spin-button,.cart-drawer__quantity .quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-drawer__item-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);transition:color var(--transition-base)}.cart-drawer__item-remove:hover{color:var(--color-error)}.drawer__inner-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center}.cart__empty-text{margin-bottom:var(--space-8);font-size:var(--text-lg)}.cart-drawer__empty-content .drawer__close{position:absolute;top:var(--space-5);right:var(--space-5)}.drawer__footer{flex-shrink:0;padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt)}.cart-drawer__subtotal{display:flex;justify-content:space-between;font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-3)}.cart-drawer__discount{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent);margin-bottom:var(--space-3)}.cart-drawer__taxes-note{font-size:var(--text-2xs);color:var(--color-text-secondary);margin:0 0 var(--space-5)}.cart-drawer__actions{display:flex;flex-direction:column;gap:var(--space-3)}.cart-drawer__recommendations{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.cart-drawer__rec-titulo{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 var(--space-3)}.cart-drawer__rec-track{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.cart-drawer__rec-track::-webkit-scrollbar{display:none}.cart-drawer__rec-card{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);flex:0 0 100px;scroll-snap-align:start;transition:transform .2s ease}.cart-drawer__rec-card:hover{transform:translateY(-2px)}.cart-drawer__rec-img-wrap{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-alt)}.cart-drawer__rec-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-drawer__rec-card:hover .cart-drawer__rec-img{transform:scale(1.05)}.cart-drawer__rec-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border)}.cart-drawer__rec-badge{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-accent, #b8962e);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 5px;border-radius:3px}.cart-drawer__rec-info{padding:0 2px}.cart-drawer__rec-name{font-size:var(--text-2xs, 10px);font-weight:600;line-height:1.3;margin:0 0 var(--space-1);color:var(--color-text-primary)}.cart-drawer__rec-price{font-size:var(--text-xs);font-weight:700;color:var(--color-accent, #b8962e);margin:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-cart-drawer.css.map */