.cart-drawer{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cart-drawer.open{opacity:1;visibility:visible}.cart-drawer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.cart-drawer__content{position:absolute;top:0;right:0;width:100%;max-width:400px;height:100dvh;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease}.cart-drawer.open .cart-drawer__content{transform:translateX(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.cart-drawer__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:var(--color-gray-600);border-radius:.5rem;cursor:pointer;transition:color .2s ease,background-color .2s ease}.cart-drawer__close:hover{background:var(--color-gray-100);color:var(--color-primary)}.cart-drawer__close i{font-size:1.25rem}.cart-drawer__body{flex:1;overflow-y:auto;padding:1.5rem}.cart-drawer__items{display:flex;flex-direction:column;gap:1.5rem}.cart-drawer__item+.cart-drawer__item{border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.cart-drawer__item{display:flex;gap:1rem;padding:0;border:none;border-radius:0;background:0 0;position:relative}.cart-drawer__item-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);z-index:1}.cart-drawer__item.is-loading .cart-drawer__item-loading{display:flex}.cart-drawer__spinner{width:1.5rem;height:1.5rem;border-radius:9999px;border:2px solid var(--color-accent-light);border-top-color:var(--color-accent);animation:cart-drawer-spin .7s linear infinite}@keyframes cart-drawer-spin{to{transform:rotate(360deg)}}.cart-drawer__item.is-loading .cart-drawer__quantity-btn,.cart-drawer__item.is-loading .cart-drawer__remove-btn{pointer-events:none;opacity:.5}.cart-drawer__item-image{width:4rem;height:4rem;object-fit:cover;border-radius:.75rem;border:1px solid var(--color-gray-300);flex-shrink:0}.cart-drawer__item-info{flex:1;display:flex;flex-direction:column;gap:1rem}.cart-drawer__item-header{display:flex;gap:1rem;align-items:flex-start}.cart-drawer__item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.cart-drawer__item-title{font-family:var(--font-body--family);font-size:var(--font-size-body);font-weight:500;color:var(--color-primary);margin:0}.cart-drawer__item-variant{font-family:var(--font-body--family);font-size:var(--font-size-caption);color:var(--color-gray-600);margin:0}.cart-drawer__item-price{font-family:var(--font-body--family);font-size:var(--font-size-body);font-weight:500;color:var(--color-primary);margin:0;display:flex;flex-direction:column;align-items:flex-end}.cart-drawer__item-price-compare{color:var(--color-gray-500);text-decoration:line-through;font-size:var(--font-size-caption);margin:0}.cart-drawer__item-price-current{color:var(--color-primary);font-weight:600}.cart-drawer__item-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cart-drawer__item-discounts{display:flex;flex-wrap:wrap;gap:.25rem;width:100%;background:var(--color-accent-light);color:var(--color-accent);padding:.375rem .5rem;border-radius:.5rem}.cart-drawer__discount-icon{font-size:1rem;line-height:1;margin-right:.25rem}.cart-drawer__controls-wrapper{display:flex;align-items:center;gap:0;background:var(--color-background-secondary);border-radius:.5rem;padding:.25rem}.cart-drawer__quantity-controls{display:flex;align-items:center;gap:.2rem}.cart-drawer__remove-controls{display:flex;align-items:center;border-left:1px solid var(--color-gray-300);padding-left:.5rem;margin-left:.5rem}.cart-drawer__quantity-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:var(--color-gray-600);border-radius:.25rem;cursor:pointer;transition:color .2s ease,background-color .2s ease}.cart-drawer__quantity-btn i{font-size:1rem}.cart-drawer__quantity-btn:hover{background:var(--color-gray-200);color:var(--color-primary)}.cart-drawer__quantity{font-family:var(--font-body--family);font-size:var(--font-size-body);font-weight:500;color:var(--color-primary);min-width:2rem;text-align:center}.cart-drawer__remove-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:var(--color-error);border-radius:.25rem;cursor:pointer;transition:color .2s ease,background-color .2s ease}.cart-drawer__remove-btn i{font-size:1.25rem}.cart-drawer__remove-btn:hover{background:var(--color-error);color:#fff}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;height:100%}.cart-drawer__empty-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:50%;margin-bottom:1rem}.cart-drawer__empty-icon i{font-size:2rem;color:var(--color-gray-400)}.cart-drawer__empty-title{font-family:var(--font-accent--family);font-size:var(--font-size-h4);font-weight:500;color:var(--color-primary);margin:0 0 .5rem 0}.cart-drawer__empty-text{font-family:var(--font-body--family);font-size:var(--font-size-body);color:var(--color-gray-600);margin:0}.cart-drawer__footer{padding:1.5rem;background:#fff}.cart-drawer__addons{background:var(--color-background-secondary);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;transition:padding .3s ease}.cart-drawer__addons[data-collapsed=true]{padding:1rem}.cart-drawer__addons:not([data-collapsed=true]){padding:1rem 1rem 0 1rem}.cart-drawer__addons-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:0 0;cursor:pointer;transition:opacity .2s ease}.cart-drawer__addons-toggle:hover{opacity:.8}.cart-drawer__addons-icon{font-size:1.25rem;color:var(--color-gray-600);transition:transform .3s ease}.cart-drawer__addons-toggle[aria-expanded=false] .cart-drawer__addons-icon{transform:rotate(-90deg)}.cart-drawer__addons-content{max-height:500px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1;margin-top:.5rem}.cart-drawer__addons[data-collapsed=true] .cart-drawer__addons-content{max-height:0;margin-top:0;opacity:0}.cart-drawer__addons-grid{display:flex;flex-direction:column;gap:.75rem}@media (max-width:767px){.cart-drawer__addons-grid{flex-direction:column;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:0;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.cart-drawer__addons-grid::-webkit-scrollbar{display:none}.cart-drawer__addon-card{flex:0 0 85%;min-width:85%;scroll-snap-align:start}.cart-drawer__addon-card{border-bottom:none!important}}.cart-drawer__addon-card{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.cart-drawer__addon-card:not(:last-child){border-bottom:1px solid var(--color-gray-200)}.cart-drawer__addon-img{width:3.5rem;height:3.5rem;object-fit:contain;background:#fff;border-radius:.5rem;flex-shrink:0}.cart-drawer__addon-info{flex:1;display:flex;flex-direction:column}.cart-drawer__addon-price{font-family:var(--font-body--family);font-size:var(--font-size-caption);font-weight:600;color:var(--color-primary);margin:0}.cart-drawer__addon-actions{display:flex;align-items:center;gap:.5rem}.cart-drawer__addon-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:var(--color-accent-light);color:var(--color-accent);border:none;border-radius:.5rem;font-family:var(--font-body--family);font-size:var(--font-size-caption);font-weight:400;cursor:pointer;transition:all .2s ease}.cart-drawer__addon-button:hover{opacity:.8}.cart-drawer__addon-button i{font-size:1rem;color:var(--color-accent)}.cart-drawer__addon-button.is-loading{opacity:.6;pointer-events:none}.cart-drawer__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cart-drawer__total-label{font-family:var(--font-body--family);font-size:var(--font-size-h4);font-weight:500;color:var(--color-primary)}.cart-drawer__total-amount{font-family:var(--font-body--family);font-size:var(--font-size-h4);font-weight:600;color:var(--color-primary)}.cart-drawer__total-prices{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.cart-drawer__total-compare{color:var(--color-gray-500);text-decoration:line-through;font-weight:400;font-size:var(--font-size-body)}.cart-drawer__checkout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:.75rem;font-family:var(--font-body--family);font-size:var(--font-size-body);font-weight:500;transition:background-color .3s ease,color .3s ease}.cart-drawer__total-discounts{display:flex;flex-wrap:wrap;gap:.25rem;width:100%;background:var(--color-accent-light);color:var(--color-accent);padding:.375rem .5rem;border-radius:.5rem;margin:0 0 1rem 0}.cart-drawer__discount-label{display:inline-flex;align-items:center;padding:0;border-radius:0;background:0 0;color:inherit;font-family:var(--font-body--family);font-size:var(--font-size-caption);font-weight:600}.cart-drawer__checkout-btn:hover{background:var(--color-accent-light);color:var(--color-accent)}.cart-drawer__checkout-btn i{font-size:1.25rem}@media (max-width:768px){.cart-drawer__content{max-width:100%}}