.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:var(--color-white);z-index:999;box-shadow:-4px 0 20px rgba(0,0,0,.15);display:flex;flex-direction:column;transition:right .3s}.cart-drawer.open{right:0}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.cart-drawer__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cart-drawer__close{width:36px;height:36px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:1.2rem;transition:color var(--transition-fast);border-radius:var(--radius-full)}.cart-drawer__close:hover{background:var(--color-gray-100);color:var(--color-primary)}.cart-drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.cart-drawer__empty{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);color:var(--color-text-muted)}.cart-drawer__empty svg{margin-bottom:var(--spacing-md);opacity:.5}.cart-drawer__empty p{font-size:.9rem;margin-bottom:var(--spacing-md)}.cart-drawer__items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-drawer__item{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:var(--spacing-md);row-gap:8px;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100);position:relative;align-items:start}.cart-drawer__item:last-child{border-bottom:none;padding-bottom:0}.cart-drawer__item-image{grid-column:1;grid-row:1/span 2;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-gray-100)}.cart-drawer__item-image img{width:100%;height:100%;object-fit:cover}.cart-drawer__item-info{grid-column:2;grid-row:1;min-width:0}.cart-drawer__item-name{font-size:.8rem;font-weight:500;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer__item-price{font-size:.85rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.cart-drawer__item-controls{grid-column:2;grid-row:2;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-drawer__item-qty{display:flex;align-items:center;gap:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);width:fit-content;flex-shrink:0}.cart-drawer__qty-btn{width:28px;height:28px;border:none;background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text);transition:background var(--transition-fast)}.cart-drawer__qty-btn:hover{background:var(--color-gray-100);color:var(--color-primary)}.cart-drawer__qty-value{width:32px;text-align:center;font-size:.85rem;font-weight:600;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);line-height:28px}.cart-drawer__item-remove,.cart-item__remove button,.cart-remove-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(214,54,83,.24);border-radius:var(--radius-full);background:#fff1f4;color:#c1284b;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.cart-drawer__item-remove{position:static;margin-left:auto}.cart-drawer__item-remove:hover,.cart-item__remove button:hover,.cart-remove-button:hover{background:#f9d6df;border-color:#d93658;color:#a91d3d;transform:translateY(-1px);box-shadow:0 3px 10px rgba(193,40,75,.18)}.cart-drawer__item-remove:focus-visible,.cart-item__remove button:focus-visible,.cart-remove-button:focus-visible{outline:rgba(236,128,160,.42) solid 3px;outline-offset:2px}.cart-remove-icon{width:19px;height:19px;display:block}.cart-drawer__item-remove:not(:has(.cart-remove-icon)),.cart-item__remove button:not(:has(.cart-remove-icon)){font-size:0}.cart-drawer__item-remove:not(:has(.cart-remove-icon))::before,.cart-item__remove button:not(:has(.cart-remove-icon))::before{content:'';display:block;width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7 8h10v11H7zM9 4h6l1.5 2H19v2H5V6h2.5L9 4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7 8h10v11H7zM9 4h6l1.5 2H19v2H5V6h2.5L9 4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}.cart-drawer__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);flex-shrink:0;background:var(--color-gray-100)}.cart-drawer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cart-drawer__total-label{font-size:1rem;font-weight:600}.cart-drawer__total-value{font-size:1.2rem;font-weight:700;color:var(--color-text)}.cart-drawer__installment{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-md)}.cart-drawer__checkout{display:block;width:100%;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-white);text-align:center;font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.cart-drawer__checkout:hover{background:var(--color-primary-dark)}.cart-drawer__view-cart{display:block;text-align:center;margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-primary);font-weight:600;text-decoration:none}.cart-drawer__view-cart:hover{text-decoration:underline}.cart-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#333;color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;z-index:1001;opacity:0;visibility:hidden;transition:.3s;box-shadow:var(--shadow-lg);max-width:90vw}.cart-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.cart-page{padding:var(--spacing-xxl) 0;max-width:var(--max-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.cart-page__title{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1px}.cart-page__layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-xl);align-items:start}.cart-items{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}.cart-header{display:grid;grid-template-columns:minmax(260px,2fr) minmax(100px,0.8fr) minmax(130px,1fr) minmax(110px,1fr) 44px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-100);font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.cart-header span:first-child{grid-column:1}.cart-header span:nth-child(2){grid-column:2}.cart-header span:nth-child(3){grid-column:3}.cart-header span:nth-child(4){grid-column:4}.cart-header span:nth-child(5){grid-column:5}.cart-item{display:grid;grid-template-columns:minmax(260px,2fr) minmax(100px,0.8fr) minmax(130px,1fr) minmax(110px,1fr) 44px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);align-items:center;border-bottom:1px solid var(--color-gray-200)}.cart-item:last-child{border-bottom:none}.cart-item__product{grid-column:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-md)}.cart-item__details{min-width:0}.cart-item__image{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-gray-100)}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__name{font-size:.85rem;font-weight:500;line-height:1.4}.cart-item__variation{margin-top:5px;color:var(--color-text-muted);font-size:.78rem;line-height:1.3}.cart-item__price{grid-column:2;font-size:.9rem;font-weight:600}.cart-item__qty{grid-column:3;display:flex;align-items:center;gap:0;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);width:fit-content}.cart-item__subtotal{grid-column:4}.cart-item__name a{color:var(--color-text);transition:color var(--transition-fast)}.cart-item__name a:hover{color:var(--color-primary)}.cart-qty-btn{width:32px;height:32px;border:none;background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text);transition:all var(--transition-fast)}.cart-qty-btn:hover{background:var(--color-gray-100);color:var(--color-primary)}.cart-qty-input{width:40px;text-align:center;border:none;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);font-size:.85rem;font-weight:600;height:32px;line-height:32px;padding:0}.cart-qty-input:focus{outline:0}.cart-item__subtotal{font-size:.95rem;font-weight:700}.cart-item__remove{grid-column:5;display:flex;justify-content:center}.cart-item__remove button{width:40px;height:40px}.cart-empty{text-align:center;padding:var(--spacing-xxl);grid-column:1/-1}.cart-empty svg{margin-bottom:var(--spacing-lg);opacity:.4}.cart-empty h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.cart-empty p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.cart-summary{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--color-gray-200)}.cart-summary h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.5px}.cart-summary__row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:.9rem}.cart-summary__row span:first-child{color:var(--color-text-light)}.cart-summary__row span:last-child{font-weight:600}.cart-summary__total{border-top:2px solid var(--color-gray-200);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.cart-summary__total span{font-size:1.1rem;font-weight:700;color:var(--color-text)}.cart-summary__installment{text-align:center;padding:var(--spacing-md) 0;color:var(--color-text-light);font-size:.85rem}.cart-summary__installment strong{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray-300)}.btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--full{display:flex;width:100%;margin-bottom:var(--spacing-sm)}.cart-summary__clear{text-align:center;margin-top:var(--spacing-md)}.cart-clear-btn{background:0 0;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.cart-clear-btn:hover{color:var(--color-sale)}@media (max-width:1024px){.cart-page__layout{grid-template-columns:1fr}.cart-summary{order:-1}}@media (max-width:768px){.cart-drawer{width:100%;max-width:100%;right:-100%}.cart-drawer__item-remove{width:38px;height:38px}.cart-item__remove button{width:42px;height:42px}.cart-page__title{font-size:1.5rem}.cart-header{display:none}.cart-item{grid-template-columns:1fr auto;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative}.cart-item__product{grid-column:1/-1;padding-right:48px}.cart-item__image{width:68px;height:68px;flex:0 0 68px}.cart-item__price{grid-column:1;grid-row:2;align-self:center}.cart-item__qty{grid-column:2;grid-row:2;justify-self:end}.cart-item__subtotal{grid-column:1;grid-row:3;font-weight:700;margin-top:var(--spacing-sm)}.cart-item__remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);grid-column:2;grid-row:1;justify-content:flex-end}.cart-summary{padding:var(--spacing-md)}}.cart-popup{position:fixed;top:80px;right:20px;width:380px;max-width:calc(100vw - 40px);background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:1002;opacity:0;visibility:hidden;transform:translateY(-20px);transition:.3s;overflow:hidden}.cart-popup.show{opacity:1;visibility:visible;transform:translateY(0)}.cart-popup__header{display:flex;align-items:flex-start;gap:12px;padding:16px;position:relative}.cart-popup__product-img{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-gray-100)}.cart-popup__product-img img{width:100%;height:100%;object-fit:cover}.cart-popup__product-info{flex:1;min-width:0}.cart-popup__product-name{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-popup__product-price{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2px}.cart-popup__added-msg{font-size:.85rem;font-weight:700;color:var(--color-text)}.cart-popup__close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:1.1rem;border-radius:var(--radius-full);transition:background var(--transition-fast)}.cart-popup__close:hover{background:var(--color-gray-100)}.cart-popup__footer{padding:12px 16px 16px;border-top:1px solid var(--color-gray-200)}.cart-popup__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cart-popup__total-label{font-size:.85rem;color:var(--color-text-muted)}.cart-popup__total-value{font-size:1rem;font-weight:700}.cart-popup__view-cart{display:block;width:100%;padding:12px;background:var(--color-primary);color:var(--color-white);text-align:center;font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.cart-popup__view-cart:hover{background:var(--color-primary-dark)}.cart-toast{display:none!important}@media (max-width:768px){.cart-popup{top:auto;bottom:20px;right:10px;left:10px;width:auto;max-width:calc(100vw - 20px)}}