.mobile-steps{padding:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-lg);background:var(--white);display:flex}.step{transition:opacity var(--transition-normal);opacity:.5;gap:var(--spacing-sm);align-items:center;display:flex}.step.active{opacity:1}.step-number{height:32px;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--text-light);transition:all var(--transition-normal);align-items:center;border-radius:50%;background:var(--border-color);width:32px;display:flex}.step.active .step-number{color:var(--white);background:var(--primary-color)}.step-title{font-size:var(--font-size-sm);color:var(--text-light);display:none}@media (min-width:480px){.step-title{display:block}}.mobile-order-form{padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-lg);background:var(--white)}.form-step{display:none}.form-step.active{display:block}.form-step h3{color:var(--primary-color)}.form-step h3,.mobile-form-group{margin-bottom:var(--spacing-lg)}.mobile-form-group label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-color);display:block}.mobile-form-group input,.mobile-form-group select,.mobile-form-group textarea{padding:var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--border-color);transition:border-color var(--transition-normal);border-radius:var(--border-radius-md);width:100%}.mobile-form-group input:focus,.mobile-form-group select:focus,.mobile-form-group textarea:focus{border-color:var(--primary-color);outline:none}.mobile-form-row{grid-template-columns:1fr 1fr;gap:var(--spacing-md);display:grid}.mobile-product-card{border:2px solid transparent;margin-bottom:var(--spacing-md);transition:all var(--transition-normal);position:relative;border-radius:var(--border-radius-lg);background:var(--background-secondary)}.mobile-product-card.collapsed{border-color:var(--border-color);background:var(--white)}.mobile-product-card.active{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.product-header{padding:var(--spacing-lg);justify-content:space-between;align-items:center;cursor:pointer;user-select:none;display:flex}.mobile-product-card.collapsed .product-header{padding:var(--spacing-md) var(--spacing-lg)}.product-header h4{font-size:var(--font-size-base);color:var(--primary-color);gap:var(--spacing-sm);margin:0;align-items:center;display:flex}.product-header-info{gap:var(--spacing-md);align-items:center;display:flex}.expand-icon{font-size:var(--font-size-sm);color:var(--text-light);transition:transform var(--transition-normal)}.mobile-product-card.collapsed .expand-icon{transform:rotate(-90deg)}.product-summary{font-size:var(--font-size-sm);color:var(--text-light);margin-left:var(--spacing-sm);display:none}.mobile-product-card.collapsed .product-summary{display:inline}.btn-remove-product{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:none;color:var(--white);transition:all var(--transition-normal);border-radius:var(--border-radius-sm);background:var(--error-color);cursor:pointer}.btn-remove-product:hover{background:var(--error-dark)}.product-content{overflow:hidden;padding:0 var(--spacing-lg) var(--spacing-lg);transition:all var(--transition-normal)}.mobile-product-card.collapsed .product-content{padding:0 var(--spacing-lg);max-height:0;opacity:0}.process-options,.pvc-options{grid-template-columns:1fr 1fr;gap:var(--spacing-sm);display:grid}.process-options label,.pvc-options label{padding:var(--spacing-sm);transition:all var(--transition-normal);gap:var(--spacing-xs);align-items:center;border-radius:var(--border-radius-sm);background:var(--white);cursor:pointer;display:flex}.process-options input[type=checkbox],.pvc-options input[type=checkbox]{margin:0;width:auto}.empty-state{padding:var(--spacing-3xl);color:var(--text-light);text-align:center}.empty-state p{margin-bottom:var(--spacing-lg)}.mobile-form-navigation{padding-top:var(--spacing-xl);justify-content:space-between;border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);display:flex}.btn-add-product,.btn-next,.btn-prev,.btn-submit{padding:var(--spacing-md) var(--spacing-xl);border:none;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);gap:var(--spacing-sm);align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex}.btn-prev{color:var(--text-color);background:var(--background-secondary)}.btn-add-product,.btn-next,.btn-submit{color:var(--white);background:var(--primary-color)}.btn-add-product:hover,.btn-next:hover,.btn-submit:hover{background:var(--primary-dark)}.btn-prev:hover{background:var(--border-color)}.summary-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-md);background:var(--background-secondary)}.summary-section h4{margin-bottom:var(--spacing-md);color:var(--primary-color)}.summary-section p{margin-bottom:var(--spacing-sm)}.add-more-btn{width:100%;margin-top:var(--spacing-lg)}.spinner{animation:spin .8s linear infinite;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:16px;display:inline-block}@media (max-width:768px){.order-form{padding:0;box-shadow:none;border-radius:0}.order-form-section{padding:0;background:var(--white)}.mobile-form-steps{overflow-x:auto;padding:var(--spacing-md);position:sticky;border-bottom:1px solid var(--border-color);gap:var(--spacing-sm);top:0;-webkit-overflow-scrolling:touch;background:var(--white);display:flex;z-index:100}.step-indicator{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);transition:all var(--transition-normal);gap:var(--spacing-xs);align-items:center;border-radius:var(--border-radius-full);background:var(--background-secondary);white-space:nowrap;display:flex}.step-indicator.active{color:var(--white);background:var(--primary-color)}.step-indicator.completed{color:var(--white);background:var(--success-color)}.step-number{height:24px;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-color);align-items:center;border-radius:50%;background:var(--white);width:24px;display:flex}.step-indicator.active .step-number,.step-indicator.completed .step-number{color:var(--white);background:hsla(0,0%,100%,.2)}.mobile-order-item{padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;margin:var(--spacing-md);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-lg);background:var(--white)}.mobile-order-item.active{border:2px solid var(--primary-color);box-shadow:var(--shadow-lg)}.item-header{justify-content:space-between;margin-bottom:var(--spacing-md);align-items:center;display:flex}.item-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.item-actions{gap:var(--spacing-sm);display:flex}.btn-icon{height:36px;justify-content:center;border:none;transition:all var(--transition-normal);align-items:center;border-radius:50%;cursor:pointer;width:36px;display:flex}.btn-expand{color:var(--text-color);background:var(--background-secondary)}.btn-expand.expanded{transform:rotate(180deg);color:var(--white);background:var(--primary-color)}.btn-delete{color:var(--white);background:var(--error-color)}.btn-duplicate{color:var(--white);background:var(--success-color)}.mobile-form-grid{gap:var(--spacing-md);display:grid}.mobile-form-group{flex-direction:column;gap:var(--spacing-xs);display:flex}.mobile-form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-light);gap:var(--spacing-xs);align-items:center;display:flex}.mobile-form-group input,.mobile-form-group select{padding:var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--border-color);transition:all var(--transition-normal);border-radius:var(--border-radius-md);background:var(--white)}.mobile-form-group input:focus,.mobile-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,85,164,.1)}.dimension-group{grid-template-columns:1fr auto 1fr;gap:var(--spacing-sm);align-items:center;display:grid}.dimension-separator{font-size:var(--font-size-lg);color:var(--text-light)}.pvc-selection{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--background-secondary);margin-top:var(--spacing-sm)}.pvc-visual{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);max-width:200px;gap:var(--spacing-xs);aspect-ratio:1;margin:0 auto var(--spacing-md);display:grid}.pvc-edge{justify-content:center;font-size:var(--font-size-sm);border:2px solid var(--border-color);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);align-items:center;border-radius:var(--border-radius-sm);background:var(--white);cursor:pointer;display:flex}.pvc-edge.active{border-color:var(--primary-color);color:var(--white);background:var(--primary-color)}.pvc-edge.top{grid-column:2;grid-row:1}.pvc-edge.left{grid-column:1;grid-row:2}.pvc-edge.center{grid-column:2;grid-row:2;background:var(--background-tertiary);cursor:default}.pvc-edge.right{grid-column:3;grid-row:2}.pvc-edge.bottom{grid-column:2;grid-row:3}.process-selection{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.process-option{flex:1;padding:var(--spacing-md);border:2px solid var(--border-color);transition:all var(--transition-normal);text-align:center;border-radius:var(--border-radius-md);cursor:pointer}.process-option.active{border-color:var(--primary-color);color:var(--white);background:var(--primary-color)}.process-icon{margin-bottom:var(--spacing-xs)}.mobile-fab,.process-icon{font-size:var(--font-size-xl)}.mobile-fab{height:56px;justify-content:center;border:none;right:var(--spacing-lg);color:var(--white);transition:all var(--transition-normal);position:fixed;bottom:var(--spacing-xl);align-items:center;box-shadow:var(--shadow-lg);border-radius:50%;background:var(--primary-color);cursor:pointer;width:56px;display:flex;z-index:50}.mobile-fab:active{transform:scale(.95)}.mobile-bottom-nav{padding:var(--spacing-md);right:0;position:fixed;border-top:1px solid var(--border-color);bottom:0;gap:var(--spacing-md);background:var(--white);left:0;display:flex;z-index:100}.mobile-nav-btn{flex:1;padding:var(--spacing-md);border:none;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);border-radius:var(--border-radius-md);cursor:pointer}.mobile-nav-btn.secondary{color:var(--text-color);background:var(--background-secondary)}.mobile-nav-btn.primary{color:var(--white);background:var(--primary-color)}.swipe-hint{padding:var(--spacing-md);justify-content:center;font-size:var(--font-size-sm);color:var(--text-light);gap:var(--spacing-sm);align-items:center;display:flex}.swipe-icon{animation:swipeHint 2s ease-in-out infinite}@keyframes swipeHint{0%,to{transform:translateX(0)}50%{transform:translateX(-10px)}}.item-details{overflow:hidden;transition:max-height .3s ease-out;max-height:0}.item-details.expanded{transition:max-height .5s ease-in;max-height:1000px}.item-summary{padding-top:var(--spacing-md);flex-wrap:wrap;border-top:1px solid var(--border-color);gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.summary-tag{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-color);border-radius:var(--border-radius-sm);background:var(--background-secondary)}.summary-tag.highlight{color:var(--white);background:var(--primary-color)}.empty-state{padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-light);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.3}.order-form__table-wrapper,.table-controls{display:none}.mobile-order-container{padding-bottom:80px;display:block}}@media (min-width:769px){.mobile-bottom-nav,.mobile-fab,.mobile-form-steps,.mobile-order-container{display:none}}@keyframes slideIn{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-order-item{animation:slideIn .3s ease-out}.touchable{-webkit-tap-highlight-color:rgba(0,85,164,.1);touch-action:manipulation}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--background-tertiary) 50%,var(--background-secondary) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}