.cart-item{display:grid;grid-template-columns:auto 1fr;gap:var(--cart-gap);padding:1.25rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--cart-gap);transition:all var(--transition-base);position:relative}.cart-item:not(:has(.cart-item__image)){grid-template-columns:1fr}.shopping-cart--sidebar .cart-item,.shopping-cart--sidebar-mobile .cart-item{padding:var(--cart-padding)}.shopping-cart--sidebar-mobile .cart-item{border-radius:var(--radius-md)}.cart-item:hover{border-color:var(--menu-primary);background:var(--gray-50)}.cart-item__image{aspect-ratio:1/1;width:var(--item-image-size);border-radius:var(--radius-md);overflow:hidden;background:var(--gray-100);align-self:stretch}.shopping-cart--sidebar .cart-item__image{height:-webkit-fill-available;margin:auto}.shopping-cart--sidebar-mobile .cart-item__image{height:var(--item-image-size);flex-shrink:0}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.cart-item__image-placeholder .placeholder-icon{width:40%;height:40%;color:var(--gray-400)}.cart-item__content{display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:space-between;min-height:100px}.cart-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.cart-item__name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800);line-height:1.3;flex:1}.shopping-cart--sidebar .cart-item__name{font-size:var(--font-size-md)}.shopping-cart--sidebar-mobile .cart-item__name{font-size:.875rem;line-height:1.2;font-weight:600}.cart-item__notes-wrapper--clickable{cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm)}.cart-item__notes-wrapper--clickable:hover{transform:translate(2px)}.cart-item__notes-wrapper--clickable:hover .cart-item__notes{background:var(--color-success-light);border-left-width:4px}.cart-item__notes{flex:1;margin:0;font-size:var(--cart-font-size);color:var(--gray-500);font-style:italic;padding:var(--spacing-sm) var(--spacing-md);background:#10b9810d;border-left:3px solid var(--color-success);border-radius:var(--radius-sm);transition:all var(--transition-base);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.shopping-cart--sidebar-mobile .cart-item__notes{font-size:.7rem;padding:.25rem .5rem}.notes-label{font-weight:var(--font-weight-semibold);color:var(--color-success);display:block;margin-bottom:var(--spacing-xs)}.cart-item__add-notes-btn{align-self:flex-start;background:transparent;border:1px dashed var(--gray-400);color:var(--gray-500);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base)}.shopping-cart--sidebar .cart-item__add-notes-btn{padding:.375rem var(--spacing-sm);font-size:.7rem}.shopping-cart--sidebar-mobile .cart-item__add-notes-btn{padding:.25rem .5rem;font-size:.65rem}.cart-item__add-notes-btn:hover{border-color:var(--menu-primary);color:var(--menu-primary)}.notes-editor{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.notes-textarea{width:100%;min-height:60px;padding:var(--spacing-md);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--menu-primary);box-shadow:0 0 0 3px #6b44231a}.notes-character-count{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--gray-500);font-weight:var(--font-weight-medium)}.notes-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.notes-btn{flex:1;padding:var(--spacing-sm);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.notes-btn--save{background:var(--menu-primary);color:var(--menu-text-primary, #ffffff);border-color:var(--menu-primary)}.notes-btn--save:hover{background:#5a3a1e}.notes-btn--cancel{background:transparent;color:var(--gray-500)}.notes-btn--cancel:hover{background:var(--gray-100)}.cart-item__footer,.cart-item__footer-inline{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto}.cart-item__footer{flex-direction:row}.cart-item__footer-inline{width:100%;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.cart-item__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--menu-primary)}.shopping-cart--sidebar .cart-item__price{font-size:var(--font-size-lg)}.shopping-cart--sidebar-mobile .cart-item__price{font-size:.875rem;font-weight:700}.cart-item__quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--gray-100);padding:var(--spacing-xs);border-radius:var(--radius-md)}.cart-item__quantity-controls--compact{background:transparent;padding:0;gap:var(--spacing-xs)}.cart-item__quantity-controls--compact .quantity-btn{width:28px;height:28px}.cart-item__quantity-controls--compact .quantity-value{min-width:24px;font-size:var(--font-size-sm)}.shopping-cart--sidebar-mobile .cart-item__quantity-controls--compact .quantity-btn{width:24px;height:24px}.shopping-cart--sidebar-mobile .cart-item__quantity-controls--compact .quantity-btn .icon{width:12px;height:12px}.shopping-cart--sidebar-mobile .cart-item__quantity-controls--compact .quantity-value{min-width:20px;font-size:.75rem}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);padding:0}.quantity-btn:hover{background:var(--menu-primary);border-color:var(--menu-primary);color:#fff}.quantity-btn:hover .icon{color:#fff;stroke:#fff}.quantity-btn:active{transform:scale(.95)}.quantity-btn .icon{width:16px;height:16px}.quantity-value{min-width:32px;text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--gray-800)}.cart-item__remove{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;cursor:pointer;color:var(--color-error);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);display:none}.cart-item:hover .cart-item__remove{display:flex}.cart-item__remove--inline{position:static;display:flex;padding:var(--spacing-xs);flex-shrink:0}.shopping-cart--page .cart-item__remove--inline{display:none}@media(max-width:640px){.shopping-cart--page .cart-item__remove--inline{display:flex}.shopping-cart--page .cart-item__remove:not(.cart-item__remove--inline){display:none}}.cart-item__remove--inline .icon{width:16px;height:16px}.cart-item__remove:hover{background:var(--color-error-light)}.cart-item__remove .icon{width:18px;height:18px}.cart-summary{padding:var(--cart-padding);border-top:1px solid var(--gray-200);background:var(--gray-50)}.shopping-cart--sidebar-mobile .cart-summary{position:relative;background:#fff;border-top:2px solid var(--gray-200)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--cart-font-size)}.shopping-cart--sidebar-mobile .summary-row{margin-bottom:.25rem;font-size:.75rem}.summary-row--total{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:2px solid var(--gray-200);gap:var(--spacing-lg)}.shopping-cart--sidebar .summary-row--total{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.summary-label{color:var(--gray-500);font-weight:var(--font-weight-normal)}.summary-label--bold{color:var(--gray-800);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.shopping-cart--sidebar-mobile .summary-label--bold{font-size:.875rem}.summary-value{color:var(--gray-800);font-weight:var(--font-weight-semibold)}.summary-value--bold{color:var(--menu-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.shopping-cart--sidebar .summary-value--bold{font-size:var(--font-size-lg)}.shopping-cart--sidebar-mobile .summary-value--bold{font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--gray-800)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-sm);color:var(--gray-700)}.form-label-optional{color:var(--gray-500);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-md);transition:border-color var(--transition-base);background:#fff;color:var(--gray-800)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-input:focus{outline:none;border-color:var(--menu-primary)}.form-input::placeholder{color:var(--gray-400);opacity:.7}.character-count{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--gray-500);font-weight:var(--font-weight-medium)}.modal-actions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);flex-direction:row-reverse}.modal-actions .cart-btn{flex:1}@media(max-width:640px){.modal-content{padding:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box}.modal-actions{flex-direction:column}}.shopping-cart{--cart-padding: var(--spacing-xl);--cart-gap: var(--spacing-lg);--item-image-size: 10rem;--cart-font-size: var(--font-size-base);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.shopping-cart--sidebar{--cart-padding: var(--spacing-lg);--cart-gap: var(--spacing-md);--item-image-size: 6rem;--cart-font-size: var(--font-size-sm);max-height:calc(100vh - 2rem)}.shopping-cart--sidebar .cart-items{max-height:70vh;overflow-y:auto;flex:1}.shopping-cart--sidebar .payment-methods{max-height:25vh;overflow-y:auto}.shopping-cart--sidebar-mobile{--cart-padding: var(--spacing-md);--cart-gap: var(--spacing-sm);--item-image-size: 4rem;--cart-font-size: var(--font-size-xs);height:auto;max-height:none;border-radius:0}.shopping-cart--sidebar-mobile .cart-items,.shopping-cart--sidebar-mobile .payment-methods,.shopping-cart--page .cart-items{overflow-y:visible}.shopping-cart--empty{min-height:400px;display:flex;align-items:center;justify-content:center}.cart-header{padding:var(--cart-padding);border-bottom:2px solid var(--gray-200);background:#fff}.shopping-cart--sidebar-mobile .cart-header{position:relative;z-index:10;border-bottom-width:1px}.cart-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:.5rem}.shopping-cart--sidebar .cart-title{font-size:1.25rem}.shopping-cart--sidebar-mobile .cart-title{font-size:1.125rem;font-weight:600}.cart-table-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--cart-padding);background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.9rem;font-weight:600;color:var(--gray-700)}.cart-table-info .table-icon{width:1.25rem;height:1.25rem;color:var(--menu-primary)}.shopping-cart--sidebar-mobile .cart-table-info{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.cart-items{flex:1;overflow-y:auto;padding:var(--cart-padding)}.shopping-cart--sidebar-mobile .cart-items{overflow-y:visible;flex:none}.cart-actions{padding:var(--cart-padding);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--spacing-md)}.shopping-cart--page .cart-actions{display:grid;grid-template-columns:1fr 1fr}.shopping-cart--sidebar .cart-actions{gap:var(--spacing-sm)}.shopping-cart--sidebar .cart-actions .cart-btn:only-child{width:100%}.cart-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-slow)}.shopping-cart--sidebar .cart-btn{padding:var(--spacing-md);font-size:var(--font-size-base)}.shopping-cart--sidebar-mobile .cart-btn{padding:.625rem;font-size:.875rem}.shopping-cart--sidebar-mobile .cart-btn .icon{width:16px;height:16px}.cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cart-btn--checkout{background:linear-gradient(135deg,var(--menu-primary) 0%,var(--menu-secondary) 100%);color:var(--menu-text-primary, #ffffff);box-shadow:var(--shadow-button)}.cart-btn--checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.cart-btn--continue{background:#fff;color:var(--menu-primary);border:2px solid var(--menu-primary)}.cart-btn--continue:hover{background:var(--gray-50)}.cart-btn .icon{width:20px;height:20px}.cart-btn .icon--spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-error{margin:0 var(--cart-padding) var(--spacing-lg);padding:var(--spacing-lg);background:#fef2f2;border:1px solid var(--color-error-border);border-radius:var(--radius-lg);color:#dc2626;display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.shopping-cart--sidebar .checkout-error{padding:var(--spacing-md);font-size:var(--font-size-xs)}.shopping-cart--sidebar-mobile .checkout-error{padding:var(--spacing-sm);font-size:.7rem;gap:var(--spacing-sm)}.checkout-error .icon{width:20px;height:20px;flex-shrink:0}.shopping-cart--sidebar-mobile .checkout-error .icon{width:16px;height:16px}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-icon{width:80px;height:80px;color:var(--gray-300);margin:0 auto var(--spacing-lg)}.empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-800);margin:0 0 var(--spacing-sm) 0}.empty-description{color:var(--gray-500);margin:0}.loading-skeleton{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-item{height:100px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.shopping-cart{max-height:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:100%;box-sizing:border-box}.shopping-cart--page{max-height:none;border-radius:var(--radius-xl)}.shopping-cart--page .cart-items{max-height:none;overflow-y:visible}.cart-item{width:100%;max-width:100%;box-sizing:border-box}.cart-item__image{width:60px;height:60px}.shopping-cart--page .cart-item{grid-template-columns:1fr}.shopping-cart--page .cart-item__image{width:100%;height:140px;margin-bottom:var(--spacing-sm)}}