.packaging-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px 0}.packaging-product-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;background:var(--card-bg, #fff);text-align:center}.packaging-product-card:hover{border-color:var(--primary-color, #2563eb);box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.packaging-product-card.selected{border-color:var(--primary-color, #2563eb);background:var(--primary-light, #eff6ff);box-shadow:0 2px 8px #2563eb33}.packaging-product-card__icon{font-size:2.5rem;margin-bottom:8px}.packaging-product-card__label{font-weight:600;font-size:.95rem;color:var(--text-primary, #1e293b);margin-bottom:4px}.packaging-product-card__desc{font-size:.8rem;color:var(--text-secondary, #64748b);line-height:1.3}.packaging-dimensions-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}.packaging-dimensions-form--flexible{grid-template-columns:repeat(2,1fr)}.packaging-dimensions-form .form-group{display:flex;flex-direction:column;gap:4px}.packaging-dimensions-form .form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #64748b)}.packaging-dimensions-form .form-group input,.packaging-dimensions-form .form-group select{padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem}.packaging-material-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--border-color, #e0e0e0);margin-top:12px}.packaging-die-lookup{display:flex;align-items:center;gap:12px;padding:12px;background:var(--info-bg, #f0f9ff);border:1px solid var(--info-border, #bae6fd);border-radius:8px;margin-top:12px}.packaging-die-lookup__btn{padding:6px 14px;border:1px solid var(--primary-color, #2563eb);border-radius:6px;background:var(--primary-color, #2563eb);color:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.packaging-die-lookup__btn:hover{opacity:.9}.packaging-die-lookup__result{font-size:.85rem;color:var(--text-primary, #1e293b)}.packaging-die-match{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--success-bg, #f0fdf4);border:1px solid var(--success-border, #bbf7d0);border-radius:8px;margin-top:8px}.packaging-die-match__label{font-weight:600;color:var(--success-color, #16a34a);font-size:.85rem}.packaging-die-match__detail{font-size:.8rem;color:var(--text-secondary, #64748b)}.packaging-print-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0}.packaging-print-options .form-group{display:flex;flex-direction:column;gap:4px}.packaging-print-options .form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #64748b)}.packaging-print-options .form-group select,.packaging-print-options .form-group input{padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem}.packaging-checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0}.packaging-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color, #2563eb)}.packaging-checkbox-row label{font-size:.85rem;color:var(--text-primary, #1e293b)}.packaging-qty-presets{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.packaging-qty-presets__btn{padding:6px 16px;border:1px solid var(--border-color, #e0e0e0);border-radius:20px;background:var(--card-bg, #fff);font-size:.85rem;cursor:pointer;transition:all .15s}.packaging-qty-presets__btn:hover{border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.packaging-qty-presets__btn.active{background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);color:#fff}.packaging-custom-qty{display:flex;align-items:center;gap:8px;padding:8px 0}.packaging-custom-qty input{width:120px;padding:6px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem}.packaging-pricing-table{width:100%;border-collapse:collapse;margin-top:16px}.packaging-pricing-table th{text-align:left;padding:10px 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:2px solid var(--border-color, #e0e0e0);text-transform:uppercase;letter-spacing:.5px}.packaging-pricing-table td{padding:10px 12px;font-size:.9rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.packaging-pricing-table tr:hover{background:var(--hover-bg, #f8fafc)}.packaging-pricing-table tr.best-value{background:var(--success-bg, #f0fdf4);font-weight:600}.packaging-pricing-table tr.best-value td:first-child:after{content:" \2605";color:var(--warning-color, #f59e0b)}.packaging-pricing-table .calculate-btn{display:inline-block;margin-top:12px;padding:8px 20px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.packaging-pricing-table .calculate-btn:hover{opacity:.9}.packaging-die-management{padding:16px 0}.packaging-die-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px}.packaging-die-info__field{display:flex;flex-direction:column;gap:2px}.packaging-die-info__label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.3px}.packaging-die-info__value{font-size:.9rem;color:var(--text-primary, #1e293b);font-weight:500}.packaging-die-new{padding:16px;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fde68a);border-radius:8px}.packaging-die-new__title{font-weight:600;color:var(--warning-color, #d97706);margin-bottom:8px}.packaging-die-save-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.packaging-die-save-form .form-group{display:flex;flex-direction:column;gap:4px}.packaging-die-save-form input{padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem}.packaging-die-reorder{padding:10px 14px;background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:6px;margin-top:12px;font-size:.85rem;color:var(--error-color, #dc2626)}.packaging-summary{padding:16px 0}.packaging-summary__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:16px}.packaging-summary__spec-item{display:flex;justify-content:space-between;font-size:.85rem}.packaging-summary__spec-label{color:var(--text-secondary, #64748b)}.packaging-summary__spec-value{font-weight:500;color:var(--text-primary, #1e293b)}.packaging-cost-breakdown{padding:16px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px}.packaging-cost-breakdown__row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}.packaging-cost-breakdown__row--total{border-top:2px solid var(--border-color, #e0e0e0);margin-top:8px;padding-top:10px;font-weight:700;font-size:1.05rem}.packaging-cost-breakdown__row--unit{color:var(--primary-color, #2563eb);font-weight:600}.packaging-summary__actions{display:flex;gap:12px;margin-top:16px}.packaging-summary__actions .btn-primary{padding:10px 24px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.packaging-summary__actions .btn-primary:hover{opacity:.9}.packaging-summary__actions .btn-secondary{padding:10px 24px;background:transparent;color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem;cursor:pointer}.packaging-summary__actions .btn-secondary:hover{background:var(--hover-bg, #f8fafc)}.packaging-substep-nav{display:flex;gap:4px;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0);overflow-x:auto}.packaging-substep-nav__item{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;color:var(--text-secondary, #64748b);border-radius:16px;white-space:nowrap;cursor:default}.packaging-substep-nav__item.active{background:var(--primary-color, #2563eb);color:#fff;font-weight:500}.packaging-substep-nav__item.completed{color:var(--success-color, #16a34a)}.packaging-substep-nav__item.completed:before{content:"\2713";font-weight:700}.packaging-step-footer{display:flex;justify-content:space-between;padding:16px 0;margin-top:16px;border-top:1px solid var(--border-color, #e0e0e0)}.packaging-step-footer .btn-back,.packaging-step-footer .btn-next{padding:8px 20px;border-radius:6px;font-size:.9rem;cursor:pointer}.packaging-step-footer .btn-back{background:transparent;border:1px solid var(--border-color, #e0e0e0);color:var(--text-primary, #1e293b)}.packaging-step-footer .btn-next{background:var(--primary-color, #2563eb);border:none;color:#fff}.packaging-step-footer .btn-next:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.packaging-product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.packaging-dimensions-form,.packaging-material-section,.packaging-print-options,.packaging-die-info,.packaging-die-save-form,.packaging-summary__specs{grid-template-columns:1fr}.packaging-substep-nav{gap:2px}.packaging-substep-nav__item{padding:4px 8px;font-size:.75rem}}@media(max-width:480px){.packaging-product-grid{grid-template-columns:1fr}.packaging-summary__actions{flex-direction:column}.packaging-qty-presets{gap:6px}.packaging-qty-presets__btn{padding:4px 12px;font-size:.8rem}}