.qb-backdrop.svelte-5fqis4.svelte-5fqis4{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000}.qb-panel.svelte-5fqis4.svelte-5fqis4{width:min(400px,90vw);height:100%;background:#f0f0f0;display:flex;flex-direction:column;font-family:Jost,sans-serif;color:var(--font-color, #333)}.qb-header.svelte-5fqis4.svelte-5fqis4{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #ddd}.qb-header.svelte-5fqis4 h3.svelte-5fqis4{margin:0;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.qb-close.svelte-5fqis4.svelte-5fqis4{background:none;border:none;font-size:20px;cursor:pointer;color:var(--font-color, #333);font-family:Jost,sans-serif}.qb-close.svelte-5fqis4.svelte-5fqis4:hover{text-decoration:underline}.qb-body.svelte-5fqis4.svelte-5fqis4{padding:20px;overflow-y:auto;flex:1;background:#fff}.qb-image-container.svelte-5fqis4.svelte-5fqis4{margin-bottom:20px}.qb-thumb.svelte-5fqis4.svelte-5fqis4{width:100%;height:auto;max-height:300px;object-fit:contain;display:block}.qb-form.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:20px}.qb-section.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:10px}.qb-section-title.svelte-5fqis4.svelte-5fqis4{font-size:14px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.05em}.qb-instruction.svelte-5fqis4.svelte-5fqis4{color:#666;font-size:13px;margin:0;line-height:1.5}.qb-sizes.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:8px}.qb-size.svelte-5fqis4.svelte-5fqis4{padding:12px;border:1px solid #ddd;background:#f8f8f8;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;font-family:Jost,sans-serif;transition:all .2s ease}.qb-size.svelte-5fqis4.svelte-5fqis4:hover{background:#f0f0f0;border-color:#bbb}.qb-size.active.svelte-5fqis4.svelte-5fqis4{border-color:var(--font-color, #333);background:#fff;box-shadow:0 0 0 1px var(--font-color, #333)}.qb-size-info.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:2px}.qb-size-label.svelte-5fqis4.svelte-5fqis4{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.qb-size-dimensions.svelte-5fqis4.svelte-5fqis4{font-size:11px;color:#666}.qb-size-price.svelte-5fqis4.svelte-5fqis4{font-weight:600;font-size:13px}.qb-quantity-container.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:8px}.qb-qty.svelte-5fqis4.svelte-5fqis4{display:inline-flex;align-items:stretch;border:2px solid #ddd;border-radius:6px;overflow:hidden;width:fit-content;background:#fff;transition:border-color .2s ease}.qb-qty.svelte-5fqis4.svelte-5fqis4:focus-within{border-color:var(--font-color, #333)}.qb-qty-btn.svelte-5fqis4.svelte-5fqis4{background:#f8f8f8;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:600;font-family:Jost,sans-serif;color:var(--font-color, #333);transition:all .2s ease;-webkit-user-select:none;user-select:none}.qb-qty-btn.svelte-5fqis4.svelte-5fqis4:hover:not(:disabled){background:#eee;transform:scale(1.05)}.qb-qty-btn.svelte-5fqis4.svelte-5fqis4:active:not(:disabled){transform:scale(.95)}.qb-qty-btn.svelte-5fqis4.svelte-5fqis4:disabled{opacity:.4;cursor:not-allowed;transform:none}.qb-qty-display.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;background:#fff;min-width:80px}.qb-qty-input.svelte-5fqis4.svelte-5fqis4{width:100%;height:24px;text-align:center;padding:0;border:none;font-size:16px;font-weight:600;font-family:Jost,sans-serif;color:var(--font-color, #333);background:transparent;outline:none;-moz-appearance:textfield}.qb-qty-input.svelte-5fqis4.svelte-5fqis4::-webkit-outer-spin-button,.qb-qty-input.svelte-5fqis4.svelte-5fqis4::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qb-qty-label.svelte-5fqis4.svelte-5fqis4{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-top:-2px}.qb-qty-note.svelte-5fqis4.svelte-5fqis4{font-size:12px;color:#666;font-style:italic;padding:8px 12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #22c55e}.qb-total.svelte-5fqis4.svelte-5fqis4{background:#f8f8f8;padding:15px;border:1px solid #ddd}.qb-total-line.svelte-5fqis4.svelte-5fqis4{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px}.qb-total-final.svelte-5fqis4.svelte-5fqis4{font-size:14px;margin-bottom:0;padding-top:8px;border-top:1px solid #ddd;text-transform:uppercase;letter-spacing:.05em}.qb-actions.svelte-5fqis4.svelte-5fqis4{display:flex;flex-direction:column;gap:10px;align-items:stretch}.qb-add.svelte-5fqis4.svelte-5fqis4{background:var(--font-color, #333);color:#fff;border:0;padding:12px 20px;cursor:pointer;font-weight:600;font-size:13px;font-family:Jost,sans-serif;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.qb-add.svelte-5fqis4.svelte-5fqis4:enabled:hover{text-decoration:underline;background:#555}.qb-add.svelte-5fqis4.svelte-5fqis4:disabled{background:#ccc;color:#666;cursor:not-allowed}.qb-details.svelte-5fqis4.svelte-5fqis4{color:var(--font-color, #333);text-decoration:underline;text-align:center;font-size:13px;padding:8px;font-family:Jost,sans-serif}.qb-details.svelte-5fqis4.svelte-5fqis4:hover{text-decoration:none}@media (max-width: 640px){.qb-panel.svelte-5fqis4.svelte-5fqis4{width:100vw}}