.bundle-builder{padding:var(--section-padding) 0 0;min-height:calc(100svh - var(--header-height))}bundle-builder{--gap: 4rem;display:block;position:relative}.bundle-builder--inner{display:flex;flex-direction:column;gap:var(--gap)}.bundle-builder--header{display:flex;flex-direction:column;gap:1.5rem}.bundle-builder--eyebrow{text-transform:uppercase}.bundle-builder--content{display:flex}.bundle-builder--options{display:flex;flex-direction:column;gap:var(--gap);width:100%}.bundle-builder--option{display:flex;flex-direction:column;gap:var(--gap)}.bundle-builder--option-header{padding:2rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-std)}.bundle-builder--option-products{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;row-gap:var(--gap)}.bundle-builder--product{height:fit-content}.bundle-builder--box-inner{position:sticky;top:calc(var(--header-height) + var(--promo-height));pointer-events:auto}.bundle-builder--box-box{display:flex;flex-direction:column;width:100%;height:fit-content;max-height:calc(100dvh - 3.75rem);padding:1rem;background:var(--color-purple-light);border:1px solid var(--color-border);border-top-left-radius:var(--radius-std);border-top-right-radius:var(--radius-std)}.bundle-builder--box-header{position:relative;display:flex;align-items:center;justify-content:space-between}.bundle-builder--box-header:after{content:"";position:absolute;top:0;left:-1rem;width:calc(100% + 2rem);height:4rem;background:linear-gradient(180deg,var(--color-purple-light) 60%,transparent);z-index:1}.bundle-builder--box-header>*{position:relative;z-index:2}.bundle-builder--box-toggle{display:flex;align-items:center;gap:1rem}.bundle-builder--box-content{position:relative}.bundle-builder--box-products{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.25rem;row-gap:2rem}.bundle-builder--box-product{position:relative;display:flex;flex-direction:column;gap:.5rem}.bundle-builder--box-product-remove{position:absolute;top:.5rem;right:.5rem;width:1.125rem;height:1.125rem;background:var(--color-purple-light);border-color:currentColor}.bundle-builder--box-product-remove:after{--mask-size: 6px;width:var(--mask-size);height:var(--mask-size)}.bundle-builder--box-product-image{aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:var(--radius-std);overflow:hidden}.bundle-builder--box-product-image img{opacity:1!important;transition:none!important}.bundle-builder--box-product-info{display:flex;flex-direction:column;gap:.25rem}.bundle-builder--box-product-title{font-weight:600}.bundle-builder--box-product s{opacity:.5}.bundle-builder--box-form{position:relative}.has-items .open .bundle-builder--box-form:before{content:"";position:absolute;bottom:3rem;left:-1rem;width:calc(100% + 2rem);height:4rem;background:linear-gradient(0deg,var(--color-purple-light) 60%,transparent);z-index:1}.bundle-builder--box-submit,bundle-builder .status{width:100%;height:3.375rem}.bundle-builder--box-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem;z-index:2}.bundle-builder--box-submit:disabled{color:var(--color-text);background-color:var(--color-marigold)}.bundle-builder--box-submit s{opacity:.5}bundle-builder .status{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;opacity:0;pointer-events:none;font-weight:inherit;z-index:3}bundle-builder.adding .status,bundle-builder.success .status,bundle-builder.error .status{opacity:1}bundle-builder.adding button[type=submit],bundle-builder.success button[type=submit],bundle-builder.error button[type=submit]{opacity:0;pointer-events:none}@media (max-width: 767px){.bundle-builder{margin-bottom:calc(var(--section-padding) * -1)}.bundle-builder--content{--closed-height: 8.25rem;padding-bottom:calc(var(--closed-height) + var(--gap))}.bundle-builder--box{position:absolute;top:calc(calc(var(--header-height) + var(--promo-height) + var(--section-padding)) * -1);left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-popup-mobule)}.bundle-builder--box:has(.bundle-builder--box-inner.visible){z-index:var(--z-bundle)}body:has(header-bar.scrolled) .bundle-builder--box{top:0}.bundle-builder--box-inner{display:flex;align-items:flex-end;height:calc(100dvh - var(--header-height) - var(--promo-height));visibility:hidden;pointer-events:none}body:has(header-bar.scrolled) .bundle-builder--box-inner{top:var(--header-height);height:calc(100dvh - var(--header-height))}bundle-builder.has-items .bundle-builder--box-inner{visibility:visible}.bundle-builder--box-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--color-text) 80%,transparent);opacity:0;transition:opacity var(--transition-duration) var(--transition-ease);pointer-events:none}.bundle-builder--box-inner.open .bundle-builder--box-bg{opacity:1;pointer-events:auto}.bundle-builder--box-box{transform:translateY(100%);transition:transform var(--transition-duration) var(--transition-ease)}bundle-builder.has-items .bundle-builder--box-box{transform:translateY(0);pointer-events:auto}.bundle-builder--box-main{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows var(--transition-duration) var(--transition-ease)}.bundle-builder--box-inner.open .bundle-builder--box-main{grid-template-rows:max-content 1fr}.bundle-builder--box-content{overflow:hidden}.bundle-builder--box-products{max-height:calc(calc(100svh - var(--header-height)) - 10rem);padding:2rem 0;overflow:auto;visibility:hidden}.bundle-builder--box-inner.visible .bundle-builder--box-products{visibility:visible}.bundle-builder--box-product-info{font-size:.825rem}.bundle-builder--box-submit{margin-top:1rem}}@media (min-width: 768px){.bundle-builder--inner{gap:3.75rem}.bundle-builder--content{gap:1.5rem}.bundle-builder--options,.bundle-builder--box{width:50%}.bundle-builder--options{gap:5.625rem}.bundle-builder--option-header{font-size:var(--h4-size);padding:2rem 2.5rem}.bundle-builder--box-inner{top:calc(var(--header-height) + 1.5rem)}.bundle-builder--box-bg{display:none}.bundle-builder--box-box{min-height:15.6rem;max-height:calc(100vh - var(--header-height) - 3rem);padding:2.5rem;border-radius:var(--radius-std)}.bundle-builder--box-box,.bundle-builder--box-main{display:flex;flex-direction:column}.bundle-builder--box-main{min-height:0}.bundle-builder--box-header:after{top:1rem}.bundle-builder--box-toggle{display:none}.bundle-builder--box-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.bundle-builder--box-products{column-gap:1.5rem;row-gap:2.5rem;height:100%;min-height:0;overflow:auto;padding:2.5rem 0 5rem}.has-items .open .bundle-builder--box-form:before{bottom:3rem;height:6rem}.bundle-builder--box-product{gap:1.25rem}.bundle-builder--box-form{margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/332/assets/bundle-builder.css.map */