.wt-bundle{padding-inline:calc(var(--gap, 8px) * 3)}@media(max-width:899px){.wt-bundle{padding-inline:0}}.wt-bundle--full{padding-inline:0}.wt-bundle--full .hero__wrapper--full{padding-inline:calc(var(--gap, 8px) * 2)}.wt-bundle__wrapper{display:grid;grid-template-columns:repeat(var(--cols-mob),1fr) 1fr;gap:var(--grid-gap-mobile);align-items:start}@media(min-width:900px){.wt-bundle__wrapper{gap:var(--grid-gap);grid-template-columns:repeat(var(--cols-desk),1fr) 1fr}}@media(max-width:899px){.wt-bundle__wrapper{grid-template-columns:1fr}}.wt-bundle__products{grid-column:1/-2}.wt-bundle__panel{grid-column:-2/-1;border:1px solid var(--bundle-border-color, var(--color-border));border-radius:var(--border-radius);padding:calc(var(--gap) * 2);background-color:rgba(var(--bundle-panel-bg, 255, 255, 255),1)}@media(min-width:900px){.wt-bundle__panel{position:sticky;top:calc(var(--gap, 8px) * 1.5)}}@media(max-width:899px){.wt-bundle__panel{grid-column:1;position:sticky;bottom:calc(var(--gap, 8px) * 2);z-index:10;background-color:rgba(var(--bundle-panel-bg, 255, 255, 255),var(--bundle-panel-bg-opacity, 1));-webkit-backdrop-filter:blur(var(--bundle-panel-bg-blur, 0px));backdrop-filter:blur(var(--bundle-panel-bg-blur, 0px));border-radius:var(--border-radius);margin-top:0;padding:calc(var(--gap, 8px) * 1) var(--gap, 8px)}}.wt-bundle__panel .headline__title{padding-bottom:calc(var(--gap) * 1)}@media(max-width:899px){.wt-bundle__panel .headline__title{padding-bottom:calc(var(--gap, 8px) * .5);margin-bottom:0}}.wt-bundle__panel [data-bundle-panel]{max-height:90vh;overflow-y:auto;padding:0 calc(var(--gap, 8px) * 1.5)}@media(max-width:899px){.wt-bundle__panel [data-bundle-panel]{max-height:70vh;padding:0 calc(var(--gap, 8px) * 1)}}@media(max-width:899px){.wt-bundle__header{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--gap) * 2);cursor:pointer;z-index:1;padding-bottom:0}}.wt-bundle__header-content{flex:1;min-width:0}.wt-bundle__header-title{display:flex;align-items:center;gap:calc(var(--gap, 8px) * 1)}.wt-bundle__count{flex-shrink:0;margin-left:calc(var(--gap, 8px) * 1)}.wt-bundle__toggle{display:none;background:none;border:none;padding:calc(var(--gap, 8px) * .5);cursor:pointer;flex-shrink:0;color:currentColor}@media(max-width:899px){.wt-bundle__toggle{display:flex;align-items:center;transition:none}}@media(max-width:899px)and (hover:hover){.wt-bundle__toggle:hover{background:none;color:currentColor}}.wt-bundle__toggle .icon-plus-x{transition:transform .3s ease}.wt-bundle__collapsible{overflow:hidden;display:grid;grid-template-rows:1fr}@media(max-width:899px){.wt-bundle__collapsible{grid-template-rows:0fr;transition:grid-template-rows .5s}}@media(max-width:899px){.wt-bundle__panel.is-expanded .wt-bundle__collapsible{grid-template-rows:1fr}}@media(max-width:899px){.wt-bundle__panel.is-expanded .wt-bundle__toggle .icon-plus-x{transform:scaleY(0)}}.wt-bundle__collapsible-inner{min-height:0}@media(max-width:899px){.wt-bundle__collapsible-inner{display:block}}.wt-bundle__grid{display:grid;grid-template-columns:repeat(var(--cols-mob),1fr);gap:var(--grid-gap-mobile)}@media(min-width:900px){.wt-bundle__grid{gap:var(--grid-gap);grid-template-columns:repeat(var(--cols-desk),1fr)}}.wt-bundle__footer{margin-top:calc(var(--gap, 8px) * 2);display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * 1.5)}@media(max-width:899px){.wt-bundle__footer{position:sticky;bottom:0;padding-top:calc(var(--gap) * 1);margin-top:calc(var(--gap, 8px) * 1);transition:opacity .15s ease}.wt-bundle__panel:not(.is-expanded) .wt-bundle__footer{opacity:0;pointer-events:none}}.wt-bundle__footer .product-form__error-message-wrapper{display:flex;align-items:flex-start;gap:var(--gap, 8px);color:var(--color-error-text);font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);margin:0}.wt-bundle__footer .product-form__error-message-wrapper[hidden]{display:none}.wt-bundle__footer .product-form__error-message-wrapper svg{width:calc(var(--gap, 8px) * 2.5);height:calc(var(--gap, 8px) * 2.5);flex-shrink:0;padding-top:calc(var(--gap, 8px) * .25)}.wt-bundle__total{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal)}.wt-bundle__cta{width:100%}.wt-bundle__cta.hero__button--primary .loading-overlay__spinner{color:var(--color-button-primary-text)}.wt-bundle__cta.hero__button--secondary .loading-overlay__spinner{color:var(--color-button-secondary-text)}@media(hover:hover){.wt-bundle__cta.hero__button--primary:hover .loading-overlay__spinner{color:var(--color-button-primary-text-hover)}.wt-bundle__cta.hero__button--secondary:hover .loading-overlay__spinner{color:var(--color-button-secondary-text-hover)}}.wt-bundle__collapsible-text{font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);margin-bottom:calc(var(--gap, 8px) * 1)}.wt-bundle__collapsible-text [data-bundle-status-discount]{color:var(--color-custom-text, var(--color-success, #428445))}@media(max-width:899px){.wt-bundle__collapsible-text{margin-bottom:calc(var(--gap, 8px) * 1)}}.wt-bundle__body-text{margin-top:calc(var(--gap, 8px) * 1.5)}.wt-bundle__body-text-inner{font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);display:inline-block;width:fit-content;max-width:100%;text-align:inherit}.wt-bundle__variant-select{width:100%;margin-top:calc(var(--gap, 8px) * 2);background-color:var(--color-button-secondary-background);color:var(--color-button-secondary-text);border:1px solid var(--color-button-secondary-border);border-radius:var(--border-radius-button);padding:calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 5) calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 3);font-size:var(--font-button-size);font-family:var(--font-button);font-style:var(--font-button-style);font-weight:var(--font-button-weight);text-align:left;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="72" height="72" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(-90 -0.00000157361 72)"><rect x="0" y="72" fill="none" height="72" width="72"/><path d="m48.688,81.162l0.876,0.876a1.487,1.487 0 0 1 0,2.1l-24.222,24.225l24.223,24.223a1.487,1.487 0 0 1 0,2.1l-0.876,0.876a1.487,1.487 0 0 1 -2.1,0l-26.154,-26.148a1.487,1.487 0 0 1 0,-2.1l26.151,-26.153a1.487,1.487 0 0 1 2.1,0l0.002,0.001z"/></g></svg>');background-position:right calc(var(--gap, 8px) * 1.75) center;background-size:calc(var(--gap, 8px) * 2);background-repeat:no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(max-width:899px){.wt-bundle__variant-select{height:32px;padding:2px 32px 2px 16px;font-size:calc(var(--font-button-size) - 2px)}}.wt-bundle .collection__grid__item{height:100%;margin-bottom:0}.wt-bundle .card__bundle-add-container{flex-grow:1;display:flex;align-items:flex-end;margin-top:12px;flex-direction:column;justify-content:flex-end}.wt-bundle__add-btn{width:100%}@media(max-width:899px){.wt-bundle__add-btn{height:32px;padding:2px 8px;font-size:calc(var(--font-button-size) - 2px);margin:calc(var(--gap) * 1) 0}}.wt-bundle__progress{margin-bottom:calc(var(--gap, 8px) * 1.5)}@media(max-width:899px){.wt-bundle__progress{margin-top:calc(var(--gap, 8px) * .5)}}.wt-bundle__progress-bar{height:calc(var(--gap, 8px) * .75);border-radius:60px;background:rgba(var(--color-custom-text-rgb),.2);overflow:hidden}.wt-bundle__progress-fill{height:100%;border-radius:60px;background:var(--color-custom-text, var(--color-text));width:calc(var(--bundle-progress-pct, 0) * 1%);transition:width .4s ease}.wt-bundle__bundle{display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * 1.5);margin-top:calc(var(--gap, 8px) * 3)}@media(max-width:899px){.wt-bundle__bundle{margin-top:calc(var(--gap, 8px) * 1.5)}}.wt-bundle__placeholder{border-radius:var(--border-radius);border:1px solid var(--bundle-border-color, var(--color-border));display:flex;gap:calc(var(--gap, 8px) * 2.5);padding:calc(var(--gap, 8px) * 2);position:relative}.wt-bundle__placeholder--image{flex-shrink:0;align-self:flex-start;width:30%;aspect-ratio:var(--bundle-img-ratio, auto);background:var(--bundle-placeholder-color);overflow:hidden}.wt-bundle__placeholder--image img{width:100%;height:var(--bundle-img-height, auto);object-fit:cover;border-radius:var(--border-radius);display:block}.wt-bundle__placeholder--description{display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * .5);flex-grow:1}.wt-bundle__placeholder--title{display:flex;background:var(--bundle-placeholder-color);height:calc(var(--gap, 8px) * 1.25);width:50%;border-radius:60px}.wt-bundle__placeholder--subtitle{display:flex;background:var(--bundle-placeholder-color);height:calc(var(--gap, 8px) * 1.25);width:35%;border-radius:60px}.wt-bundle__placeholder--remove{display:none;position:absolute;top:0;right:0;opacity:.5;background:none;border:none;padding:0;transition:opacity .2s ease}@media(hover:hover){.wt-bundle__placeholder--remove:hover{background:none;color:currentColor;opacity:1}}.wt-bundle__placeholder--remove .svg-icon{transform:scale(.75);width:calc(var(--gap, 8px) * 4);height:calc(var(--gap, 8px) * 4)}.wt-bundle__placeholder:not(.is-filled) .wt-bundle__placeholder--image{aspect-ratio:var(--bundle-img-ratio, 1)}.wt-bundle__placeholder.is-filled{border-color:var(--bundle-border-color, var(--color-border))}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--remove{display:flex;padding:calc(var(--gap, 8px) * 2);color:var(--color-custom-text, var(--color-button-secondary-text))}@media(max-width:899px){.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--remove{padding:calc(var(--gap, 8px) * 1)}}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--image{background:none}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--description{flex-direction:column;justify-content:space-between}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--title,.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--subtitle{background:none;height:auto;width:auto;border-radius:0}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--title{font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);margin-right:calc(var(--gap) * 4.5)}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--options{color:var(--color-custom-text, var(--color-body-text-light));font-size:max(1.3rem,calc(var(--font-base-size) - .4rem))}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--options .product-option{display:flex;gap:calc(var(--gap, 8px) * .5);flex-wrap:wrap}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--options .label{opacity:.7}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--discount{display:flex;align-items:center;gap:calc(var(--gap, 8px) * .5);margin:calc(var(--gap, 8px) * .5) 0;font-size:max(1.3rem,calc(var(--font-base-size) - .4rem));color:var(--color-custom-text, var(--color-body-text-light))}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--discount svg{color:inherit}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--subtitle{align-self:flex-end}@media(max-width:899px){.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--subtitle{flex-direction:column}}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--subtitle .price-item--percent{display:none}.wt-bundle__placeholder.is-filled .wt-bundle__placeholder--subtitle .price-item--regular{font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-bundle.css.map */