.apparel-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0}.apparel-category-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--border-color, #e0e0e0);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-align:center}.apparel-category-tile:hover{border-color:var(--primary-color, #2563eb);background:var(--hover-bg, #f0f7ff);transform:translateY(-2px)}.apparel-category-tile.selected{border-color:var(--primary-color, #2563eb);background:var(--selected-bg, #eff6ff)}.apparel-category-tile .tile-icon{font-size:1.5rem;color:var(--primary-color, #2563eb)}.apparel-category-tile .tile-label{font-size:.8rem;font-weight:600}.apparel-search-panel{margin:16px 0}.apparel-search-bar{display:flex;gap:8px;margin-bottom:12px}.apparel-search-bar input{flex:1;padding:10px 14px;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem}.apparel-search-bar input:focus{border-color:var(--primary-color, #2563eb);outline:none}.apparel-search-bar button{padding:10px 20px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.apparel-search-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.apparel-filter-chip{padding:4px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:16px;font-size:.8rem;cursor:pointer;background:#fff}.apparel-filter-chip.active{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.apparel-popular-blanks{display:flex;gap:8px;overflow-x:auto;padding:8px 0;margin-bottom:12px}.apparel-popular-blank{flex-shrink:0;padding:8px 16px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.8rem;cursor:pointer;white-space:nowrap}.apparel-popular-blank:hover{border-color:var(--primary-color, #2563eb);background:var(--hover-bg, #f0f7ff)}.apparel-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0}.apparel-blank-card{border:1px solid var(--border-color, #e0e0e0);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.apparel-blank-card:hover{border-color:var(--primary-color, #2563eb);box-shadow:0 2px 8px #00000014}.apparel-blank-card.selected{border-color:var(--primary-color, #2563eb);border-width:2px}.apparel-blank-card .card-image{width:100%;aspect-ratio:1;object-fit:contain;background:#f9fafb;padding:12px}.apparel-blank-card .card-body{padding:12px}.apparel-blank-card .card-brand{font-size:.7rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.apparel-blank-card .card-name{font-weight:600;font-size:.85rem;margin:2px 0 4px}.apparel-blank-card .card-price{font-weight:700;color:var(--primary-color, #2563eb);font-size:.9rem}.apparel-blank-card .card-supplier{font-size:.7rem;color:var(--text-muted, #6b7280)}.apparel-color-section{margin:16px 0}.apparel-color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.apparel-swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color, #e0e0e0);cursor:pointer;position:relative;transition:transform .1s}.apparel-swatch:hover{transform:scale(1.15)}.apparel-swatch.selected{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color, #2563eb)}.apparel-swatch .swatch-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.65rem;white-space:nowrap;display:none}.apparel-swatch:hover .swatch-label{display:block}.apparel-dark-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:.85rem;color:#92400e;margin:8px 0}.apparel-size-breakdown{margin:16px 0}.apparel-size-group{margin-bottom:16px}.apparel-size-group-label{font-weight:600;font-size:.85rem;margin-bottom:8px;color:var(--text-secondary, #4b5563)}.apparel-size-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.apparel-size-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.apparel-size-cell .size-label{font-size:.8rem;font-weight:600}.apparel-size-cell .size-upcharge{font-size:.65rem;color:var(--danger-color, #dc2626)}.apparel-size-cell input{width:60px;padding:6px;text-align:center;border:2px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.9rem}.apparel-size-cell input:focus{border-color:var(--primary-color, #2563eb);outline:none}.apparel-size-cell input.has-value{border-color:var(--primary-color, #2563eb);background:var(--selected-bg, #eff6ff)}.apparel-quick-fill{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.apparel-quick-fill-btn{padding:6px 14px;border:1px solid var(--border-color, #e0e0e0);border-radius:20px;font-size:.8rem;cursor:pointer;background:#fff}.apparel-quick-fill-btn:hover{border-color:var(--primary-color, #2563eb);background:var(--hover-bg, #f0f7ff)}.apparel-size-summary{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg-subtle, #f9fafb);border-radius:8px;margin-top:12px;font-size:.9rem}.apparel-size-summary .total-qty{font-weight:700}.apparel-size-summary .upcharge-total{color:var(--danger-color, #dc2626);font-weight:600}.apparel-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0}.apparel-method-card{padding:14px 10px;border:2px solid var(--border-color, #e0e0e0);border-radius:10px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.apparel-method-card:hover{border-color:var(--primary-color, #2563eb);background:var(--hover-bg, #f0f7ff)}.apparel-method-card.selected{border-color:var(--primary-color, #2563eb);background:var(--selected-bg, #eff6ff)}.apparel-method-card.recommended{border-color:var(--success-color, #16a34a)}.apparel-method-card .method-badge{position:absolute;top:-8px;right:-8px;padding:2px 8px;background:var(--success-color, #16a34a);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px}.apparel-method-card .method-icon{font-size:1.3rem;color:var(--primary-color, #2563eb);margin-bottom:6px}.apparel-method-card .method-label{font-size:.85rem;font-weight:600}.apparel-method-card .method-best-for{font-size:.7rem;color:var(--text-muted, #6b7280);margin-top:4px}.apparel-method-card.unavailable{opacity:.4;cursor:not-allowed}.apparel-imprint-config{padding:16px;border:1px solid var(--border-color, #e0e0e0);border-radius:10px;margin:12px 0}.apparel-imprint-config .config-header{font-weight:700;font-size:.95rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}.apparel-location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0}.apparel-location-btn{padding:8px;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;text-align:center;cursor:pointer;font-size:.8rem}.apparel-location-btn.selected{border-color:var(--primary-color, #2563eb);background:var(--selected-bg, #eff6ff);font-weight:600}.apparel-color-selector{display:flex;gap:6px;margin:8px 0}.apparel-color-count-btn{width:36px;height:36px;border:2px solid var(--border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;font-size:.85rem}.apparel-color-count-btn.selected{border-color:var(--primary-color, #2563eb);background:var(--primary-color, #2563eb);color:#fff}.apparel-stitch-display{padding:10px 14px;background:var(--bg-subtle, #f9fafb);border-radius:8px;margin:8px 0;font-size:.85rem}.apparel-stitch-display .stitch-count{font-weight:700;color:var(--primary-color, #2563eb)}.apparel-transfer-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.apparel-transfer-size{padding:10px;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;text-align:center;cursor:pointer}.apparel-transfer-size.selected{border-color:var(--primary-color, #2563eb);background:var(--selected-bg, #eff6ff)}.apparel-transfer-size .size-name{font-weight:600;font-size:.85rem}.apparel-transfer-size .size-dims{font-size:.7rem;color:var(--text-muted, #6b7280)}.apparel-roster-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem}.apparel-roster-table th,.apparel-roster-table td{padding:8px 10px;border-bottom:1px solid var(--border-color, #e0e0e0);text-align:left}.apparel-roster-table th{background:var(--bg-subtle, #f9fafb);font-weight:600;font-size:.8rem}.apparel-roster-table input{width:100%;padding:4px 8px;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:.85rem}.apparel-roster-actions{display:flex;gap:8px;margin:8px 0}.apparel-price-summary{border:1px solid var(--border-color, #e0e0e0);border-radius:10px;overflow:hidden;margin:16px 0}.apparel-price-header{padding:12px 16px;background:var(--bg-subtle, #f9fafb);font-weight:700;font-size:.95rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.apparel-price-line{display:flex;justify-content:space-between;padding:8px 16px;font-size:.9rem}.apparel-price-line+.apparel-price-line{border-top:1px solid var(--border-color, #e0e0e0)}.apparel-price-line.total{font-weight:700;font-size:1.05rem;background:var(--bg-subtle, #f9fafb);color:var(--primary-color, #2563eb)}.apparel-price-line .line-label{color:var(--text-muted, #6b7280)}.apparel-per-size-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.8rem}.apparel-per-size-table th,.apparel-per-size-table td{padding:6px 10px;text-align:center;border-bottom:1px solid var(--border-color, #e0e0e0)}.apparel-per-size-table th{background:var(--bg-subtle, #f9fafb);font-weight:600}.apparel-per-size-table .upcharge-cell{color:var(--danger-color, #dc2626);font-size:.7rem}.apparel-per-size-table .total-row{font-weight:700;background:var(--bg-subtle, #f9fafb)}.apparel-comparison-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.85rem}.apparel-comparison-table th,.apparel-comparison-table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--border-color, #e0e0e0)}.apparel-comparison-table th{background:var(--bg-subtle, #f9fafb);font-weight:600}.apparel-comparison-table .best-value{background:#d1fae5;font-weight:700;color:#065f46}.apparel-comparison-table .current-method{background:var(--selected-bg, #eff6ff)}.apparel-margin-panel{padding:16px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin:12px 0}.apparel-margin-slider{width:100%;margin:8px 0}.apparel-margin-display{display:flex;justify-content:space-between;font-size:.85rem}.apparel-margin-display .margin-value{font-weight:700;color:var(--primary-color, #2563eb)}.apparel-margin-display .margin-warning{color:var(--danger-color, #dc2626);font-weight:600}.apparel-substep-nav{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}.apparel-substep-indicator{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;color:var(--text-muted, #6b7280)}.apparel-substep-indicator.active{background:var(--primary-color, #2563eb);color:#fff;font-weight:600}.apparel-substep-indicator.completed{color:var(--success-color, #16a34a);font-weight:600}.apparel-substep-indicator .step-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1px solid currentColor}.apparel-substep-indicator.active .step-number{background:#fff;color:var(--primary-color, #2563eb);border-color:#fff}@media(max-width:768px){.apparel-category-grid{grid-template-columns:repeat(3,1fr)}.apparel-results-grid,.apparel-method-grid,.apparel-transfer-sizes{grid-template-columns:repeat(2,1fr)}.apparel-size-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.apparel-category-grid{grid-template-columns:repeat(2,1fr)}.apparel-results-grid,.apparel-method-grid{grid-template-columns:1fr}.apparel-size-row{grid-template-columns:repeat(3,1fr)}}