.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.875rem}.breadcrumb__item{color:#6b7280;display:flex;align-items:center;gap:8px}.breadcrumb__item:not(:last-child):after{content:"/";color:#d1d5db}.breadcrumb__link{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb__link:hover{color:#f97316}.breadcrumb__item--current{color:var(--color-text);font-weight:500}.tabs{display:flex;gap:4px;border-bottom:1px solid #E5E7EB;margin-bottom:24px}.tab{padding:12px 20px;font-size:.9375rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tab:hover{color:var(--color-text);background:#f9fafb}.tab--active{color:#f97316;border-bottom-color:#f97316}.stepper{display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.stepper:before{content:"";position:absolute;top:16px;left:0;right:0;height:2px;background:#e5e7eb;z-index:0}.stepper__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1}.stepper__circle{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #E5E7EB;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#6b7280;transition:all .2s}.stepper__step--active .stepper__circle{border-color:#f97316;background:#f97316;color:#fff}.stepper__step--completed .stepper__circle{border-color:#10b981;background:#10b981;color:#fff}.stepper__label{font-size:.8125rem;color:#6b7280;font-weight:500}.stepper__step--active .stepper__label{color:#f97316}.stepper__step--completed .stepper__label{color:#10b981}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.pagination__item{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:var(--color-text);text-decoration:none;font-weight:500;transition:all .2s}.pagination__item:hover{border-color:#f97316;color:#f97316}.pagination__item--active{background:#f97316;border-color:#f97316;color:#fff}.pagination__item--disabled{opacity:.5;cursor:not-allowed}.cart-page{background:var(--color-bg-primary);min-height:100vh}.cart-section{padding:48px 0 80px;background:var(--color-bg-primary)}.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;grid-template-areas:"left right";width:100%}.cart-left-column{grid-area:left;display:flex;flex-direction:column;gap:32px}.cart-right-column{grid-area:right}@media(max-width:1200px){.cart-grid{grid-template-columns:1fr;grid-template-areas:"right" "left";gap:32px}}.cart-loading{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}@media(max-width:1200px){.cart-loading{grid-template-columns:1fr}}.empty-cart{text-align:center;padding:100px 40px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle)}.empty-cart-icon{color:var(--color-accent-primary);margin-bottom:32px;opacity:.3}.empty-cart h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:16px;letter-spacing:-.02em}.empty-cart p{color:var(--color-text-secondary);margin-bottom:40px;font-size:var(--text-lg);line-height:1.7}.cart-items{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);padding:32px;box-shadow:var(--shadow-sm)}.cart-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border-subtle)}.cart-items-header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.cart-items-header h2 span{color:var(--color-text-tertiary);font-weight:500}.cart-items-list{display:flex;flex-direction:column;gap:20px}.cart-item{position:relative;display:flex;flex-direction:column;padding:28px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.cart-item:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cart-item.has-pending-changes{border-color:var(--color-warning);background:#fffbeb}.cart-item.has-pending-changes:after{content:"PENDING";position:absolute;top:16px;right:16px;background:var(--color-warning);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:var(--radius-full)}.cart-item-main{display:grid;grid-template-columns:160px 1fr;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--color-border-subtle)}.cart-item-thumbnail{width:160px;height:160px;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border-subtle)}.cart-item-thumbnail canvas{max-width:100%;max-height:100%}.cart-item-thumbnail svg{width:64px;height:64px;opacity:.2;color:var(--color-text-muted)}.cart-item-thumbnail-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.cart-item-details{display:flex;flex-direction:column;gap:16px;padding-top:4px}.cart-item-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--color-text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.cart-item-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.cart-item-spec{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-secondary);padding:10px 14px;background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast)}.cart-item-spec:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-default)}.cart-item-spec svg{width:16px;height:16px;color:var(--color-accent-primary);flex-shrink:0;opacity:.7}.cart-item-spec span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-pricing-row{display:grid;grid-template-columns:minmax(120px,auto) minmax(200px,auto) minmax(140px,auto) 1fr;gap:20px;align-items:center;padding-top:20px}.cart-item-pricing-unit,.cart-item-pricing-qty,.cart-item-pricing-subtotal{display:flex;flex-direction:column;gap:6px}.cart-item-pricing-unit label,.cart-item-pricing-qty label,.cart-item-pricing-subtotal label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.cart-item-pricing-unit span,.cart-item-pricing-subtotal span{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.cart-item-pricing-subtotal span{color:var(--color-accent-primary);font-size:var(--text-xl)}.cart-item-actions-cell{display:flex;gap:10px;justify-content:flex-end}@media(max-width:768px){.cart-item-main{grid-template-columns:100px 1fr;gap:16px}.cart-item-thumbnail{width:100px;height:100px}.cart-item-name{font-size:var(--text-lg)}.cart-item-specs{grid-template-columns:1fr;gap:8px}.cart-item-pricing-row{grid-template-columns:1fr 1fr;gap:16px}.cart-item-pricing-subtotal{grid-column:span 2;flex-direction:row;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border-subtle)}.cart-item-actions-cell{grid-column:span 2;justify-content:flex-end}}.cart-summary{position:sticky;top:32px}@media(max-width:1200px){.cart-summary{position:static}}.summary-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);padding:32px;box-shadow:var(--shadow-sm);width:100%;max-width:100%;box-sizing:border-box}.summary-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 24px;letter-spacing:-.02em}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-base)}.summary-row:last-of-type{border-bottom:none}.summary-row span:first-child{color:var(--color-text-secondary);font-weight:500}.summary-row span:last-child{font-family:var(--font-display);color:var(--color-text-primary);font-weight:600}.summary-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-warning-bg);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:#92400e;margin:20px 0;line-height:1.6}.summary-note svg{flex-shrink:0;margin-top:2px;color:var(--color-warning)}.summary-divider{height:1px;background:var(--color-border-subtle);margin:16px 0}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.summary-total span:first-child{font-family:var(--font-display)}.summary-total span:last-child{font-family:var(--font-display);color:var(--color-accent-primary);font-size:var(--text-3xl)}.summary-row small{font-weight:400;color:var(--color-text-tertiary);font-size:var(--text-sm);margin-left:6px}.summary-security{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-subtle)}.security-item{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--color-text-secondary);padding:12px 14px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast)}.security-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-default)}.security-item svg{color:var(--color-success);flex-shrink:0}.available-quotes-section{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:20px}.available-quotes-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-subtle)}.available-quotes-header h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);margin:0}.available-quotes-header h2 span{color:var(--color-text-tertiary);font-weight:400}.available-quotes-list{display:block}.available-quote-item{display:table;width:100%;border-collapse:collapse;padding:0;background:transparent;border-bottom:1px solid var(--color-border-subtle)}.available-quote-item:last-child{border-bottom:none}.available-quote-main{display:table-row}.available-quote-thumbnail,.available-quote-details,.available-quote-actions{display:table-cell;vertical-align:middle;padding:12px 8px}.available-quote-thumbnail{width:60px}.available-quote-thumbnail-inner{width:60px;height:60px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border-subtle)}.available-quote-thumbnail-inner img{width:100%;height:100%;object-fit:contain}.available-quote-thumbnail-inner svg{width:24px;height:24px;color:var(--color-text-muted);opacity:.4}.available-quote-details{width:auto}.available-quote-name{font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 4px}.available-quote-specs{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.available-quote-spec{display:flex;align-items:center;gap:4px}.available-quote-spec svg{width:12px;height:12px;color:var(--color-text-muted);opacity:.6}.available-quote-actions{width:120px;text-align:right}.available-quote-actions .btn-add-to-cart{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.available-quote-actions .btn-add-to-cart:hover{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.available-quote-actions .btn-add-to-cart.adding{opacity:.7;cursor:not-allowed}.available-quote-actions .btn-add-to-cart.added{background:var(--color-accent-primary);color:#fff;cursor:default}.available-quote-actions .btn-delete-quote{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:4px;vertical-align:middle}.available-quote-actions .btn-delete-quote:hover{color:var(--color-error);background:var(--color-error-bg)}.available-quote-actions .btn-delete-quote svg{width:14px;height:14px}@media(max-width:768px){.available-quote-item{display:block;border-bottom:1px solid var(--color-border-subtle);padding:12px 0}.available-quote-main{display:flex;flex-wrap:wrap;gap:12px}.available-quote-thumbnail,.available-quote-details,.available-quote-actions{display:block;padding:0}.available-quote-thumbnail{width:100%}.available-quote-details{flex:1;min-width:150px}.available-quote-actions{width:100%;text-align:left}}.cart-items.hidden,.cart-summary.hidden,.available-quotes-section.hidden{display:none}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-content{max-width:700px;margin:0 auto;text-align:center}.header-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.quantity-control{display:flex;align-items:center;gap:var(--space-sm)}.qty-btn{width:32px;height:32px;border:1px solid var(--color-border-default);background:var(--color-surface);cursor:pointer;font-size:1.2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.qty-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.qty-btn:active{transform:scale(.95)}.qty-input{width:60px;text-align:center;padding:var(--space-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--text-base);transition:all var(--transition-base)}.qty-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-subtle)}@media(max-width:768px){.cart-section{padding:32px 0}.cart-grid{gap:24px}.cart-item{padding:20px}.cart-items,.summary-card{padding:24px}}
