.cart-drawer-modern{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background:var(--color-surface);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);transform:translate(100%);transition:var(--transition-smooth);display:flex;flex-direction:column;overflow:hidden}.cart-drawer-modern.is-active{transform:translate(0)}.cart-drawer-modern__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:var(--transition-smooth)}.cart-drawer-modern__backdrop.is-active{opacity:1;visibility:visible}.cart-drawer-modern__header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);position:relative;z-index:1}.cart-drawer-modern__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0;display:flex;align-items:center;gap:var(--space-2)}.cart-drawer-modern__count{background:var(--color-primary-600);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.cart-drawer-modern__close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-neutral-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-base);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.cart-drawer-modern__close:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.cart-drawer-modern__content{flex:1;overflow-y:auto;padding:var(--space-6);scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.cart-drawer-modern__content::-webkit-scrollbar{width:6px}.cart-drawer-modern__content::-webkit-scrollbar-track{background:transparent}.cart-drawer-modern__content::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}.cart-drawer-modern__content::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.cart-drawer-modern__empty{text-align:center;padding:var(--space-12) var(--space-6)}.cart-drawer-modern__empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--color-neutral-300)}.cart-drawer-modern__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-3)}.cart-drawer-modern__empty-text{color:var(--color-neutral-500);margin-bottom:var(--space-6)}.cart-drawer-modern__empty-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary-600);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-smooth)}.cart-drawer-modern__empty-cta:hover{background:var(--color-primary-700);transform:translateY(-1px)}.cart-drawer-modern__items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-item-modern{display:flex;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);transition:var(--transition-smooth);position:relative}.cart-item-modern:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-200)}.cart-item-modern.removing{opacity:.5;transform:translate(20px)}.cart-item-modern__image{width:80px;height:80px;border-radius:var(--radius-base);overflow:hidden;flex-shrink:0;background:var(--color-surface-secondary)}.cart-item-modern__image img{width:100%;height:100%;object-fit:cover}.cart-item-modern__details{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.cart-item-modern__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);line-height:var(--line-height-tight);margin:0}.cart-item-modern__title a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.cart-item-modern__title a:hover{color:var(--color-primary-600)}.cart-item-modern__variant{font-size:var(--font-size-sm);color:var(--color-neutral-500);display:flex;flex-wrap:wrap;gap:var(--space-1)}.cart-item-modern__variant-option{background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-size:var(--font-size-xs)}.cart-item-modern__price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cart-item-modern__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.cart-item-modern__price--compare{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-neutral-500);text-decoration:line-through;margin-right:var(--space-2)}.cart-item-modern__quantity{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-secondary);border-radius:var(--radius-lg);padding:var(--space-1)}.cart-item-modern__quantity-btn{width:32px;height:32px;border:none;background:var(--color-surface);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--color-neutral-600)}.cart-item-modern__quantity-btn:hover{background:var(--color-primary-100);color:var(--color-primary-700)}.cart-item-modern__quantity-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-modern__quantity-input{width:40px;text-align:center;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.cart-item-modern__remove{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border:none;background:var(--color-error);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);opacity:0}.cart-item-modern:hover .cart-item-modern__remove{opacity:1}.cart-item-modern__remove:hover{background:#dc2626;transform:scale(1.1)}.cart-drawer-modern__summary{padding:var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary)}.cart-drawer-modern__summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.cart-drawer-modern__summary-label{font-size:var(--font-size-base);color:var(--color-neutral-600)}.cart-drawer-modern__summary-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.cart-drawer-modern__total{padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-bottom:var(--space-6)}.cart-drawer-modern__total .cart-drawer-modern__summary-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.cart-drawer-modern__total .cart-drawer-modern__summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.cart-drawer-modern__actions{display:flex;flex-direction:column;gap:var(--space-3)}.cart-drawer-modern__checkout{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.cart-drawer-modern__checkout:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cart-drawer-modern__view-cart{width:100%;padding:var(--space-3) var(--space-6);background:transparent;color:var(--color-primary-600);border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);text-decoration:none;text-align:center}.cart-drawer-modern__view-cart:hover{background:var(--color-primary-50)}.cart-drawer-modern__recommendations{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.cart-drawer-modern__recommendations-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-4)}.cart-drawer-modern__recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.cart-recommendation-item{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-fast)}.cart-recommendation-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-200)}.cart-recommendation-item__image{aspect-ratio:1;overflow:hidden;background:var(--color-surface-secondary)}.cart-recommendation-item__image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.cart-recommendation-item:hover .cart-recommendation-item__image img{transform:scale(1.05)}.cart-recommendation-item__content{padding:var(--space-3)}.cart-recommendation-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);margin-bottom:var(--space-2);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-recommendation-item__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin-bottom:var(--space-3)}.cart-recommendation-item__add{width:100%;padding:var(--space-2);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.cart-recommendation-item__add:hover{background:var(--color-primary-700)}.cart-notification-modern{position:fixed;top:var(--space-6);right:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-toast);transform:translate(100%);transition:var(--transition-smooth);max-width:320px;display:flex;gap:var(--space-3)}.cart-notification-modern.is-visible{transform:translate(0)}.cart-notification-modern__image{width:60px;height:60px;border-radius:var(--radius-base);overflow:hidden;flex-shrink:0;background:var(--color-surface-secondary)}.cart-notification-modern__image img{width:100%;height:100%;object-fit:cover}.cart-notification-modern__content{flex:1}.cart-notification-modern__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.cart-notification-modern__message{font-size:var(--font-size-xs);color:var(--color-success);margin-bottom:var(--space-2)}.cart-notification-modern__actions{display:flex;gap:var(--space-2)}.cart-notification-modern__action{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);text-decoration:none;transition:var(--transition-fast)}.cart-notification-modern__action--primary{background:var(--color-primary-600);color:#fff}.cart-notification-modern__action--primary:hover{background:var(--color-primary-700)}.cart-notification-modern__action--secondary{background:var(--color-surface-secondary);color:var(--color-neutral-600)}.cart-notification-modern__action--secondary:hover{background:var(--color-neutral-200)}@media (max-width: 480px){.cart-drawer-modern{max-width:100%}.cart-drawer-modern__header,.cart-drawer-modern__content,.cart-drawer-modern__summary{padding:var(--space-4)}.cart-item-modern{padding:var(--space-3)}.cart-item-modern__image{width:60px;height:60px}.cart-drawer-modern__recommendations-grid{grid-template-columns:1fr}.cart-notification-modern{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}.cart-drawer-modern__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.cart-item-modern.updating{opacity:.7;pointer-events:none}@media (prefers-reduced-motion: reduce){.cart-drawer-modern,.cart-drawer-modern__backdrop,.cart-item-modern,.cart-notification-modern{transition:none}}@media (prefers-contrast: high){.cart-item-modern,.cart-drawer-modern__checkout,.cart-drawer-modern__view-cart{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/modern-cart.css.map */