.pack-bundle-creator{padding:24px;border:2px solid black!important;border-radius:12px;background:#fff;margin:20px auto;max-width:800px;box-shadow:0 4px 6px -1px #0000001a}.pack-bundle-header{font-weight:700;font-size:24px;margin-bottom:8px;text-align:center;color:#1e293b}.pack-bundle-description{font-size:16px;color:#64748b;text-align:center;margin-bottom:32px}.pack-size-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:32px;background:#f1f5f9;padding:6px;border-radius:12px;border:1px solid #e2e8f0;max-width:500px;margin-left:auto;margin-right:auto}.pack-size-tab{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease-in-out;background:transparent;color:#64748b;position:relative;min-width:70px;text-align:center}.pack-size-tab:not(.selected){background:transparent!important;color:#64748b!important}.pack-size-tab:not(.selected):hover{background:#e2e8f0!important;color:#334155!important;transform:translateY(-1px)}.pack-size-tab.selected{background:#22c55e!important;color:#fff!important;box-shadow:0 2px 4px #22c55e4d!important;transform:translateY(-1px)}.pack-size-tab:focus{outline:2px solid #22c55e;outline-offset:2px}.pack-selectors-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto 24px}.pack-item-selector{display:flex;flex-direction:column;gap:16px;padding:20px;background:#fff;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:border-color .2s ease}.pack-item-selector:hover{border-color:#e2e8f0}.pack-item-label{font-weight:700;color:#1e293b;font-size:18px;margin-bottom:4px}.pack-size-pill-group{display:flex;flex-wrap:wrap;gap:10px}.pack-size-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;background:#fff;transition:all .2s ease-in-out;min-width:50px;-webkit-user-select:none;user-select:none}.pack-size-pill input[type=radio]{display:none}.pack-size-pill:hover{border-color:#22c55e!important;background:#eff6ff!important;color:#1e40af!important;transform:translateY(-1px)!important}.pack-size-pill:has(input[type=radio]:checked),.pack-size-pill.selected{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important;box-shadow:0 2px 4px #22c55e4d!important}.pack-color-dropdown{position:relative;width:100%;border:2px solid #e2e8f0;border-radius:10px;background:#fff;transition:border-color .2s ease}.pack-color-dropdown.selected{border-color:#22c55e!important}.pack-color-selected{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;font-size:16px;color:#374151;background:#fff;border-radius:8px;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pack-color-selected:hover{background:#f9fafb}.pack-color-arrow{font-size:12px;color:#6b7280;transition:transform .2s ease}.pack-color-arrow.rotated{transform:rotate(180deg)}.pack-color-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 25px #00000026;max-height:240px;overflow-y:auto;overflow-x:hidden;z-index:1000;display:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.pack-color-options.open{display:block;animation:fadeIn .2s ease-out}.pack-color-option{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.pack-color-option:first-child{border-radius:8px 8px 0 0}.pack-color-option:last-child{border-radius:0 0 8px 8px}.pack-color-option:hover{background:#f3f4f6}.pack-color-option img{width:28px;height:28px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.pack-color-option span{font-size:15px;color:#1f2937;font-weight:500}.pack-item-availability{font-size:13px;font-weight:600;text-align:right;min-height:20px}.pack-item-availability.available{color:#10b981}.pack-item-availability.unavailable{color:#ef4444}.pack-item-availability.empty{color:#6b7280}.pack-progress-indicator{text-align:center;margin:24px 0;padding:16px 20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #22c55e;border-radius:10px;font-weight:700;color:#1e40af;font-size:16px}.pack-validation-messages{margin-top:20px;min-height:24px}.pack-validation-warning{padding:12px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:14px;color:#92400e;display:flex;align-items:center;gap:8px}.pack-validation-success{padding:12px 16px;background:#d1fae5;border:1px solid #10b981;border-radius:8px;font-size:14px;color:#065f46;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.pack-bundle-creator{padding:20px 16px;margin:10px}.pack-size-tabs{gap:4px;padding:4px;flex-wrap:wrap}.pack-size-tab{padding:10px 14px;font-size:13px;min-width:60px}.pack-item-selector{padding:16px}.pack-size-pill-group{justify-content:flex-start}.pack-size-pill{padding:8px 12px;font-size:13px;min-width:45px}.pack-color-options{max-height:200px;scroll-behavior:smooth}.pack-color-option{padding:14px 16px}.pack-color-selected{font-size:16px}}@media (max-width: 480px){.pack-bundle-creator{padding:16px 12px;margin:8px}.pack-bundle-header{font-size:20px}.pack-bundle-description{font-size:14px;margin-bottom:24px}.pack-size-tabs{flex-wrap:wrap;gap:6px;padding:6px}.pack-size-tab{flex:1 1 auto;min-width:55px;padding:8px 10px;font-size:12px}.pack-item-selector{padding:14px;gap:12px}.pack-item-label{font-size:16px}.pack-size-pill-group{justify-content:center;gap:8px}.pack-size-pill{padding:6px 10px;font-size:12px;min-width:40px}.pack-color-options{max-height:180px}.pack-color-option{padding:16px}.pack-color-selected{padding:10px 12px;font-size:13px}.pack-progress-indicator{padding:12px 16px;font-size:14px;margin:16px 0}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/pack.css.map */