/*! step-bundle — guided multi-step bundle builder
 *  Restyled to match the theme. Every color / radius / shadow comes from the
 *  design tokens in snippets/css-variables.liquid + theme.css — no hardcoded hex
 *  or px radii.
 *    cards  → --card-radius, --card-border-width/-opacity, --card-shadow-* (like .product-card)
 *    chips  → --buttons-radius, --buttons-border-width (like .button)
 *    tiles  → variant-swatch selection model: resting --color-border ring,
 *             --color-foreground ring when selected
 *    pills  → --rounded-full
 *    color  → --color-foreground / --color-background, --color-border(-light/-dark),
 *             --color-sale-tag(-text), --color-success-text/-background, --color-placeholder
 *  Behavior, class names and data-* hooks are unchanged (is-selected, is-complete, data-step, …).
 */@media screen and (min-width:1024px){.step-bundle{width:var(--step-bundle-columns, 420px);flex:0 0 var(--step-bundle-columns, 420px)}}.step-bundle__steps{min-width:0}.step-bundle-step{scroll-margin-top:var(--sp-24)}.step-bundle-step__head{margin-bottom:var(--step-bundle-head-gap, var(--sp-6))}.step-bundle-step__num{width:var(--sp-10);height:var(--sp-10);border:var(--card-border-width) solid rgb(var(--color-border-dark));color:rgb(var(--color-foreground));transition:background-color var(--animation-fast),border-color var(--animation-fast),color var(--animation-fast)}.step-bundle-step__num-check{display:none}.step-bundle-step.is-complete .step-bundle-step__num{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.step-bundle-step.is-complete .step-bundle-step__num-index{display:none}.step-bundle-step.is-complete .step-bundle-step__num-check{display:block}.step-bundle-step__status{--badge-background: rgb(var(--color-foreground)/ .06);--badge-foreground: rgb(var(--color-foreground)/ .65);display:inline-flex;align-items:center;line-height:1;border-radius:var(--rounded-full);white-space:nowrap}.step-bundle-step__status:empty{display:none}.step-bundle-step__status.is-complete{--badge-background: rgb(var(--color-success-background));--badge-foreground: rgb(var(--color-success-text))}@keyframes step-bundle-flash{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.step-bundle-step--flash .step-bundle-step__grid{animation:step-bundle-flash .25s ease}.step-bundle-card__media,.step-bundle-tile__media{aspect-ratio:1 / 1;background-color:rgb(var(--color-placeholder))}.step-bundle-card__media img,.step-bundle-tile__media img{width:100%;height:100%;object-fit:contain}.step-bundle-badge{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:2;font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:var(--rounded-full);background-color:rgb(var(--color-sale-tag));color:rgb(var(--color-sale-tag-text))}.step-bundle-card{overflow:hidden;background-color:rgb(var(--color-background));transition:border-color var(--animation-fast),box-shadow var(--animation-fast)}.step-bundle-card.is-selected{border-color:rgb(var(--color-foreground)/ .5);box-shadow:0 0 0 1px rgb(var(--color-foreground)/ .5)}.step-bundle-card.is-selected .step-bundle-card__price{color:rgb(var(--color-foreground))}.step-bundle-card__media{display:block}.step-bundle-card__content{gap:var(--sp-2);padding:clamp(var(--sp-4),1.5vw,var(--sp-6)) clamp(var(--sp-3),1.5vw,var(--sp-5))}.step-bundle-card__title{display:inline-block;font-family:var(--font-product-family)}.step-bundle-card__price{font-size:var(--text-base);font-weight:var(--font-medium);color:rgb(var(--color-price));transition:color var(--animation-fast)}.step-bundle-card__options{margin-top:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--sp-2);padding:0 clamp(var(--sp-3),1.5vw,var(--sp-5)) clamp(var(--sp-4),1.5vw,var(--sp-5))}.step-bundle-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-0d5);min-height:var(--sp-11);padding:var(--sp-2d5) var(--sp-2);line-height:1.15;text-align:center;cursor:pointer;border:1px solid rgb(var(--color-border));border-radius:var(--buttons-radius);background-color:rgb(var(--color-background));color:inherit;transition:border-color var(--animation-fast),box-shadow var(--animation-fast)}.step-bundle-chip:hover{border-color:rgb(var(--color-foreground))}.step-bundle-chip.is-selected{border-color:rgb(var(--color-foreground)/ .55);box-shadow:inset 0 0 0 1px rgb(var(--color-foreground)/ .55)}.step-bundle-chip__label{font-weight:var(--font-medium);font-size:var(--text-sm)}.step-bundle-chip__price{font-size:var(--text-xs);opacity:.65}.step-bundle-tile{--shadow-horizontal-offset: var(--card-shadow-horizontal-offset);--shadow-vertical-offset: var(--card-shadow-vertical-offset);--shadow-opacity: var(--card-shadow-opacity);--border-opacity: var(--card-border-opacity);border:var(--card-border-width) solid rgb(var(--color-foreground)/ var(--border-opacity));border-radius:var(--card-radius);overflow:hidden;cursor:pointer;background-color:rgb(var(--color-background));color:inherit;box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) rgb(var(--color-shadow)/ var(--shadow-opacity));transition:border-color var(--animation-fast),box-shadow var(--animation-fast)}.step-bundle-tile:hover{border-color:rgb(var(--color-foreground)/ .4)}.step-bundle-tile.is-selected{border-color:rgb(var(--color-foreground)/ .5);box-shadow:0 0 0 1px rgb(var(--color-foreground)/ .5)}.step-bundle-tile__body{gap:var(--sp-1);padding:clamp(var(--sp-3),1.2vw,var(--sp-5))}.step-bundle-tile__title{font-family:var(--font-product-family);font-size:var(--font-product-size)}.step-bundle-tile__variant{color:rgb(var(--color-foreground)/ .6)}.step-bundle-tile__price{font-size:var(--text-base);font-weight:var(--font-medium)}.step-bundle-tile__check{position:absolute;top:var(--sp-2);right:var(--sp-2);z-index:2;width:var(--sp-6d5);height:var(--sp-6d5);display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-full);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;transform:scale(.6);transition:opacity var(--animation-fast),transform var(--animation-fast)}.step-bundle-tile.is-selected .step-bundle-tile__check{opacity:1;transform:scale(1)}.step-bundle-line__media{width:var(--sp-14);height:var(--sp-14);border-radius:var(--card-radius);background-color:rgb(var(--color-placeholder))}.step-bundle-line__media img{width:100%;height:100%;object-fit:contain}.step-bundle-line__free{color:rgb(var(--color-sale-tag))}.step-bundle__savings{color:rgb(var(--color-success-text))}@media screen and (max-width:1023px){.step-bundle{margin-top:var(--sp-8)}.step-bundle__toggle .icon{display:none}.step-bundle__sidebar{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/259/assets/step-bundle.css.map */