.product__bundle-variants{display:block}.product__bundle-variants-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1.6rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.product__bundle-variants-heading svg{width:2rem;height:2rem}.product__bundle-variants-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}@media (min-width: 750px){.product__bundle-variants-grid{gap:1.6rem}}.bundle-variant-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:2px solid rgb(var(--color-border));border-radius:var(--border-radius, .4rem);background:rgb(var(--color-background));text-decoration:none;color:rgb(var(--color-foreground));transition:all .2s ease;cursor:pointer;min-width:0}.bundle-variant-option:hover{border-color:rgb(var(--color-foreground));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.bundle-variant-option.active{border-color:rgb(var(--color-button));border-width:3px;background:rgba(var(--color-button),.05)}.bundle-variant-option.active .bundle-variant-option__title{color:rgb(var(--color-button));font-weight:var(--font-weight-bold)}.bundle-variant-option__image{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:calc(var(--border-radius, .4rem) - 2px)}.bundle-variant-option__image img{width:100%;height:100%;object-fit:cover;display:block}.bundle-variant-option__image .placeholder-svg{width:100%;height:100%;opacity:.3}.bundle-variant-option__info{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;width:100%;min-height:24px;justify-content:center}.bundle-variant-option__title{font-size:var(--font-size-static-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-static-sm);text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bundle-variant-option:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media (max-width: 749px){.product__bundle-variants-grid{gap:.8rem}.bundle-variant-option{gap:.6rem}.bundle-variant-option__title{font-size:1rem;line-height:1.2;letter-spacing:.02em;padding:.2rem}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-bundle-variants.css.map */