.bundle-and-save{display:block}.bundle-and-save .bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px 12px}.bundle-and-save .bs-card{flex-direction:column;gap:8px}.bundle-and-save .bs-card__image{height:135px}.bundle-and-save .bs-card-inner{flex-direction:column;gap:8px;background-color:rgba(var(--color-secondary-background));padding:12px}.bundle-and-save .bs-card__image img{object-fit:contain}.bundle-and-save .bs-card__add{background:rgba(var(--color-secondary_button_background));border:none;border-radius:50px;padding:10px 14px}.bundle-and-save .bs-card__variants{gap:6px}.bundle-and-save .bs-dot{width:30px;height:30px;padding:2px;border:2px solid transparent;border-radius:50%;overflow:hidden;cursor:pointer}.bundle-and-save .bs-dot img{object-fit:cover}.bundle-and-save .bs-dot[aria-pressed=true]{border-color:rgb(var(--color-foreground))}.bundle-and-save .bs-dot[data-available=false]{opacity:.5}.bundle-and-save .bs-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding:20px;background-color:rgba(var(--color-secondary-background))}.bundle-and-save .bs-progress{position:relative;height:10px;border-radius:5px;background-color:rgba(var(--color-pagination));margin-right:20px}.bundle-and-save .bs-progress__bar{width:0;border-radius:inherit;background-color:rgba(var(--color-secondary_button_background));transition:width .3s ease;display:block}.bundle-and-save .bs-progress__tiers{list-style:none}.bundle-and-save .bs-progress__tier{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(var(--color-pagination));color:rgba(var(--color-secondary_button_background));transform:translate(-50%,-50%)}.bundle-and-save .bs-progress__tier.is-active{background-color:rgba(var(--color-secondary_button_background));color:rgb(var(--color-button-text));box-shadow:0 0 5px rgba(var(--color-secondary_button_background),.8)}.bundle-and-save .bs-footer__actions{flex-direction:column;align-items:center;gap:10px}.bundle-and-save .bs-prices{gap:8px}.bundle-and-save .bs-add-bundle{background:rgba(var(--color-secondary_button_background));border:none;border-radius:50px;padding:10px 14px}.bundle-and-save .bs-selected{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none}.bundle-and-save .bs-selected__item{position:relative;display:flex;align-items:center;gap:12px;width:250px;padding:12px 16px;border:1px solid rgb(var(--color-foreground));border-radius:8px}.bundle-and-save .bs-selected__item[hidden]{display:none}.bundle-and-save .bs-selected__image{width:50px;height:50px;object-fit:cover}.bundle-and-save .bs-selected__remove{position:absolute;top:8px;left:8px;width:15px;height:15px;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-foreground));cursor:pointer;color:rgba(var(--color-background))}@media(min-width:750px){.bundle-and-save .bs-footer{grid-template-columns:minmax(0,1fr) 240px;align-items:center}}@media(max-width:749px){.bundle-and-save .bs-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.bundle-and-save .bs-progress__tier{width:35px;height:35px}.bundle-and-save .bs-footer{gap:0}}.bundle-and-save .bs-view{padding:0;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}@media(min-width:750px){.bundle-and-save .bs-view,.bundle-and-save .bs-panel{display:none}}@media(max-width:749px){.bundle-and-save .bs-selected--inline,.bundle-and-save .bs-footer .bs-selected{display:none}}.bundle-and-save .bs-panel{width:min(480px,92vw);max-height:80vh;padding:0;border:0;border-radius:8px;background-color:rgba(var(--color-secondary-background));color:rgb(var(--color-foreground));overscroll-behavior:contain}.bundle-and-save .bs-panel__content{padding:16px}.bundle-and-save .bs-panel__close{position:relative;width:20px;height:20px;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-foreground));cursor:pointer;color:rgba(var(--color-background))}.bundle-and-save .bs-panel .bs-selected{flex-direction:column;flex-wrap:nowrap;margin:0}.bundle-and-save .bs-panel .bs-selected__item{width:100%}
/*# sourceMappingURL=/cdn/shop/t/51/assets/bundle-and-save.css.map */