.packaging-flow{color:hsl(var(--foreground));font-family:inherit}.packaging-flow-tabs{display:flex;flex-wrap:wrap;gap:0 24px;border-bottom:1px solid hsl(var(--border))}.packaging-flow-tab{padding:14px 0;border-bottom:2px solid transparent;color:hsl(var(--muted-foreground));font-size:18px;font-weight:600;line-height:1.5;text-align:left}.packaging-flow-tab[aria-selected=true]{border-bottom-color:hsl(var(--primary));color:hsl(var(--primary));font-weight:600}.packaging-flow button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.packaging-flow-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:22px 0 28px}.packaging-flow-options-label{margin-right:4px;font-size:14px;font-weight:500;line-height:1.5;color:hsl(var(--muted-foreground))}.packaging-flow-option{padding:5px 14px;border:1px solid hsl(var(--border));border-radius:0;background:hsl(var(--background));color:hsl(var(--muted-foreground));font-size:14px;font-weight:600;line-height:1.5}.packaging-flow-option[aria-pressed=true],.packaging-flow-only-option{border-color:hsl(var(--primary));background:hsl(var(--primary) / .05);color:hsl(var(--primary))}.packaging-flow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none}.packaging-flow-step{position:relative;min-width:0;text-align:center}.packaging-flow-step:not(:last-child):after{content:"⟶";position:absolute;right:-31px;top:51px;color:hsl(var(--primary) / .65);font-size:27px;line-height:1}.packaging-flow-picture{display:flex;align-items:center;justify-content:center;overflow:hidden;width:126px;max-width:100%;aspect-ratio:1;margin:auto;border:1px solid hsl(var(--primary) / .15);border-radius:0;background:#f7fafc}.packaging-flow-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.packaging-flow-image-product{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.packaging-flow-image-carton{-o-object-position:0% 50%;object-position:0% 50%}.packaging-flow-image-crate{transform:scale(1.85);transform-origin:25% 100%}.packaging-flow-image-loading{-o-object-position:50% 60%;object-position:50% 60%}.packaging-flow-step p{margin:12px 0 0;color:hsl(var(--foreground));font-size:14px;font-weight:600;line-height:1.5}@media(max-width:767px){.packaging-flow-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.packaging-flow-tab{min-width:0;font-size:16px;overflow-wrap:anywhere}.packaging-flow-options{padding-top:18px;padding-bottom:24px}.packaging-flow-steps{grid-template-columns:1fr;gap:25px}.packaging-flow-step{display:flex;align-items:center;gap:26px;padding-left:16px;text-align:left}.packaging-flow-picture{width:84px;height:84px;flex-shrink:0;margin:0}.packaging-flow-step p{margin:0;font-size:14px}.packaging-flow-step:not(:last-child):after{content:"↓";inset:auto auto -22px 51px;font-size:18px}}