body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-family:Century Gothic,Twentieth Century,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;margin:0;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:toastSlideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;pointer-events:all;position:relative}.toast-content{gap:12px;padding:16px 20px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:600;height:24px;justify-content:center;width:24px}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-action{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.toast-action:hover{background:#f3f4f6;border-color:#d1d5db}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#374151}.toast-progress{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress-bar{animation:toastProgress linear forwards;background:currentColor;height:100%}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast-content{padding:12px 16px}.toast-message{font-size:13px}}.error-boundary{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:40px;text-align:center}.error-icon{color:#ef4444;display:flex;justify-content:center;margin-bottom:20px}.error-boundary-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.error-boundary-content p{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 24px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.error-button-primary,.error-button-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.error-button-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);color:#fff}.error-button-primary:hover{box-shadow:0 4px 12px #7b1f3b4d;transform:translateY(-2px)}.error-button-secondary{background:#f3f4f6;color:#374151}.error-button-secondary:hover{background:#e5e7eb}.loading-fullscreen{background:#f9fafb;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-container,.loading-fullscreen{align-items:center;display:flex;justify-content:center}.loading-container{min-height:200px;padding:40px}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-message{animation:pulse 2s ease-in-out infinite;color:#666;color:var(--color-text-body,#666);font-size:14px;font-weight:500;margin:0}.spinner{display:inline-block;position:relative}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--color-primary,#7b1f3b);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s}.spinner-ring:nth-child(2){animation-delay:.2s;border-top-color:#d2691e;border-top-color:var(--color-secondary,#d2691e);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.4s;border-top-color:#7b1f3b80;height:60%;left:20%;top:20%;width:60%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:#f0f0f0;border-radius:12px;overflow:hidden;position:relative}@media (max-width:768px){.loading-container{min-height:150px;padding:20px}.loading-message{font-size:12px}}.App{margin:0;padding:0}*,.App{box-sizing:border-box}.checkout-container{margin:0 auto;max-width:1400px;padding:40px 20px}.checkout-content{background:#fff}.checkout-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.checkout-header h1{color:#1a1a1a;font-size:2.5rem;margin:0}.back-link{color:#000;font-weight:500;text-decoration:none;transition:color .3s}.back-link:hover{color:#1a1a1a}.checkout-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px}.checkout-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:30px;padding:30px}.checkout-section h2{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:1.5rem;margin:0 0 24px;padding-bottom:12px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.85rem;margin-top:4px}.place-order-button{border-radius:12px;padding:18px;transition:all .3s}.place-order-button:hover:not(:disabled){box-shadow:0 10px 30px #7b1f3b66}.place-order-button:disabled{opacity:.6}.order-summary{background:#fff;border:1px solid #e5e5e5;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.order-summary h2{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:1.5rem;margin:0 0 24px;padding-bottom:12px}.order-items{margin-bottom:24px;max-height:400px;overflow-y:auto}.order-item{border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:16px 0}.order-item:last-child{border-bottom:none}.order-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.order-item-details{flex:1 1}.order-item-details h4{color:#1a1a1a;font-size:.95rem;margin:0 0 4px}.order-item-details p{color:#666;font-size:.85rem;margin:0}.order-item-price{color:#1a1a1a;font-weight:600}.order-totals{border-top:2px solid #f0f0f0;padding-top:20px}.order-total-row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:12px}.order-total-row.total{border-top:2px solid #f0f0f0;color:#1a1a1a;font-size:1.3rem;font-weight:700;margin-top:12px;padding-top:12px}@media (max-width:1024px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:768px){.checkout-header{align-items:flex-start;flex-direction:column;gap:16px}.checkout-header h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.checkout-section,.order-summary{padding:20px}}.payment-methods{display:flex;flex-direction:column;gap:15px;margin-top:20px}.payment-method-option{background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.payment-method-option:hover:not(.disabled){border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.payment-method-option.selected{background:#f0f7ff;border-color:#007bff;box-shadow:0 2px 8px #007bff26}.payment-method-option.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.payment-method-header{align-items:center;display:flex;gap:15px}.payment-method-icon{font-size:2rem;line-height:1}.payment-method-info{flex:1 1}.payment-method-info h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 5px}.payment-method-info p{color:#666;font-size:.9rem;margin:0}.payment-method-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-method-note{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-top:15px;padding:12px}.payment-method-note p{color:#856404;font-size:.9rem;margin:0}.payment-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:.875rem;margin-top:10px;padding:10px}.place-order-button{border:none;border-radius:8px;box-shadow:0 4px 15px #7b1f3b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px 30px;transition:all .3s ease;width:100%}.place-order-button,.place-order-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%)}.place-order-button:hover:not(:disabled){box-shadow:0 6px 20px #7b1f3b66;transform:translateY(-2px)}.place-order-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.confirmation-container{margin:0 auto;max-width:1200px;padding:60px 20px}.confirmation-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:60px;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:inline-flex;height:120px;justify-content:center;margin-bottom:30px;width:120px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.confirmation-title{color:#1a1a1a;font-size:2.5rem;margin:0 0 16px}.confirmation-message{color:#666;font-size:1.1rem;margin-bottom:8px}.delivery-estimate{color:#4caf50;font-size:1rem;font-weight:600;margin-bottom:40px}.order-details-grid{grid-gap:30px;display:grid;gap:30px;margin:40px 0;text-align:left}.order-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.info-card{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px;padding:24px}.info-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.status-badge{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:20px;color:#856404;display:inline-block;font-size:.95rem;font-weight:600;padding:8px 20px}.order-summary-section h3,.shipping-section h3{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:1.3rem;margin:0 0 20px;padding-bottom:12px}.address-box{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px;padding:24px}.address-box p{color:#333;line-height:1.6;margin:8px 0}.order-items-list{margin-bottom:24px}.order-item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:16px 0}.order-item-row:last-child{border-bottom:none}.order-item-row img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-details{flex:1 1}.item-details h4{color:#1a1a1a;font-size:1rem;margin:0 0 4px}.item-details p{color:#666;font-size:.9rem;margin:0}.item-price{color:#1a1a1a;font-size:1.1rem;font-weight:600}.order-totals-box{background:#f8f8f8;border-radius:12px;margin-top:20px;padding:24px}.total-row{color:#333;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:12px}.total-row.final-total{border-top:2px solid #e5e5e5;color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-top:16px;padding-top:16px}.confirmation-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.action-button{border-radius:12px;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s}.action-button.primary{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff}.action-button.primary:hover{box-shadow:0 10px 30px #0006;transform:translateY(-2px)}.action-button.secondary{background:#fff;border:2px solid #000;color:#000}.action-button.secondary:hover{background:#f8f8f8;transform:translateY(-2px)}@media (max-width:768px){.confirmation-content{padding:40px 20px}.confirmation-title{font-size:2rem}.order-info-section{grid-template-columns:1fr}.confirmation-actions{flex-direction:column}.action-button{text-align:center;width:100%}}