.bundle-builder__heading{max-width:72rem;margin:0 auto 2.4rem;text-align:center}.bundle-builder__heading-icon{display:inline-block;margin-block-end:.75rem;font-size:1.5rem;line-height:1}.bundle-builder__title{margin:0;color:var(--bundle-heading-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);font-size:calc(var(--font-heading-scale, 1) * 2.8rem);line-height:1.12}.bundle-builder__subtitle{max-width:64rem;margin:.9rem auto 0;color:var(--bundle-subtitle-color, rgba(var(--color-foreground, 18, 18, 18), .72));font-family:var(--font-body-family, inherit);font-size:1.05rem;line-height:1.5}.bundle-builder__tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,33rem),1fr));max-width:106rem;margin-inline:auto;gap:clamp(1.5rem,2vw,2.4rem)}.bundle-tier{--bundle-border: var(--bundle-card-border-color, rgba(var(--color-foreground, 18, 18, 18), .12));--bundle-surface: var(--bundle-card-background, rgb(var(--color-background, 255, 255, 255)));--bundle-radius: var(--buttons-radius, var(--media-radius, .4rem));position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:0;color:var(--bundle-card-text-color, rgb(var(--color-foreground, 18, 18, 18)));text-align:start;background:var(--bundle-surface);border:.1rem solid var(--bundle-border);border-radius:var(--bundle-radius);box-shadow:0 .9rem 2.4rem rgba(var(--color-shadow, 18, 18, 18),.08);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.bundle-tier--highlighted{border-color:var(--tier-accent-color, currentColor)}.bundle-tier:hover{border-color:var(--bundle-card-hover-border-color, var(--tier-accent-color, currentColor));box-shadow:0 1.2rem 3rem rgba(var(--color-shadow, 18, 18, 18),.12);transform:translateY(-.15rem)}.bundle-tier__inner{display:flex;flex-direction:column;height:100%}.bundle-tier__tag{position:absolute;inset-block-start:1.4rem;inset-inline-start:1.4rem;z-index:2;max-width:calc(100% - 3.2rem);padding:.55rem 1.1rem;overflow:hidden;color:var(--tier-tag-text, rgb(var(--color-background, 255, 255, 255)));font-family:var(--font-body-family, inherit);font-size:.78rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:var(--tier-tag-bg, rgb(var(--color-foreground, 18, 18, 18)));border-radius:calc(var(--bundle-radius) * .6);box-shadow:0 .8rem 1.8rem rgba(var(--color-shadow, 18, 18, 18),.16)}.bundle-tier__content{display:grid;padding:clamp(1.4rem,1.8vw,2rem);gap:.55rem}.bundle-tier__name{margin:0;color:var(--tier-accent-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-heading-family, inherit);font-size:calc(var(--font-heading-scale, 1) * 1.9rem);font-weight:800;line-height:1.1;text-transform:uppercase}.bundle-tier__price{margin:0;color:var(--bundle-card-price-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:700;font-size:calc(var(--font-heading-scale, 1) * 1.45rem);line-height:1.2}.bundle-tier__subtext,.bundle-tier__savings{margin:0;font-family:var(--font-body-family, inherit);font-size:.95rem;line-height:1.45}.bundle-tier__subtext{color:var(--bundle-card-muted-color, rgba(var(--color-foreground, 18, 18, 18), .8));font-weight:600;text-transform:uppercase}.bundle-tier__savings{color:var(--tier-accent-color, rgb(var(--color-foreground, 18, 18, 18)));font-weight:700}.bundle-tier__image{display:flex;align-items:center;justify-content:center;min-height:clamp(20rem,27vw,29rem);padding:clamp(.8rem,1.4vw,1.4rem);margin:1.2rem 1.2rem 0;overflow:hidden;background:linear-gradient(180deg,rgba(var(--color-foreground, 18, 18, 18),.035),rgba(var(--color-foreground, 18, 18, 18),0)),var(--bundle-card-image-background, rgb(var(--color-background, 255, 255, 255)));border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.08);border-radius:var(--bundle-card-image-radius, 0)}.bundle-tier__image img,.bundle-tier__image svg{width:100%;max-width:100%;height:auto;max-height:clamp(18.5rem,25vw,27rem);border-radius:var(--bundle-card-image-radius, 0);object-fit:contain;transform:scale(calc(var(--bundle-card-image-scale, 104) / 100));transform-origin:center}.bundle-tier__image--placeholder{opacity:.35}.bundle-tier__select-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;margin-block-start:auto;padding:0 2rem;color:var(--bundle-button-text-color, rgb(var(--color-button-text, 255, 255, 255)));font:inherit;font-family:var(--font-body-family, inherit);font-size:.95rem;font-weight:800;letter-spacing:0;line-height:1.2;text-decoration:none;text-transform:uppercase;cursor:pointer;background:var(--bundle-button-background, var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18))));border:.1rem solid var(--bundle-button-background, var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18))));border-radius:0;gap:.75rem;transition:opacity .2s ease,filter .2s ease}.bundle-tier__select-btn:hover,.bundle-tier__select-btn:focus-visible{color:var(--bundle-button-hover-text-color, var(--bundle-button-text-color, rgb(var(--color-button-text, 255, 255, 255))));background:var(--bundle-button-hover-background, var(--bundle-button-background, var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)))));border-color:var(--bundle-button-hover-background, var(--bundle-button-background, var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)))));filter:brightness(.95);opacity:1;outline:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.2);outline-offset:-.4rem}.bundle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:2rem;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-body-family, inherit)}.bundle-modal[data-open=true]{display:flex}.bundle-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;animation:bundleFadeIn .2s ease}.bundle-modal__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:76rem;max-height:min(90vh,72rem);overflow:hidden;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));background:var(--bundle-modal-background, rgb(var(--color-background, 255, 255, 255)));border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.12);border-radius:var(--popup-corner-radius, var(--media-radius, .4rem));box-shadow:var(--popup-shadow-horizontal-offset, 0) var(--popup-shadow-vertical-offset, 1rem) var(--popup-shadow-blur-radius, 3rem) rgba(var(--color-shadow, 18, 18, 18),var(--popup-shadow-opacity, .16));animation:bundleSlideUp .25s ease}.bundle-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem;border-block-end:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.1);gap:1.5rem}.bundle-modal__header-text{flex:1;min-width:0}.bundle-modal__title{margin:0 0 .5rem;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 400);font-size:calc(var(--font-heading-scale, 1) * 1.6rem);line-height:1.25}.bundle-modal__subtitle{margin:0;color:var(--bundle-modal-text-color, rgba(var(--color-foreground, 18, 18, 18), .72));font-size:.95rem;line-height:1.45}.bundle-modal__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));cursor:pointer;background:transparent;border:0;border-radius:var(--buttons-radius, .4rem)}.bundle-modal__close:hover,.bundle-modal__close:focus-visible{background:rgba(var(--color-foreground, 18, 18, 18),.06);outline:none}.bundle-modal__progress{position:relative;height:.4rem;overflow:hidden;background:rgba(var(--color-foreground, 18, 18, 18),.08)}.bundle-modal__progress-bar{position:absolute;inset:0 auto 0 0;width:0%;background:var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)));transition:width .3s ease}.bundle-modal__body{display:grid;flex:1;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));align-content:start;padding:2rem;overflow-y:auto;gap:var(--grid-desktop-horizontal-spacing, 1.5rem)}.bundle-modal__empty{grid-column:1 / -1;padding:4rem 2rem;color:rgba(var(--color-foreground, 18, 18, 18),.72);font-size:1rem;line-height:1.5;text-align:center}.bundle-product{position:relative;display:flex;flex-direction:column;padding:1rem;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));cursor:pointer;background:var(--bundle-modal-background, rgb(var(--color-background, 255, 255, 255)));border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.12);border-radius:var(--product-card-corner-radius, var(--card-corner-radius, .4rem));gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.bundle-product:hover{border-color:rgba(var(--color-foreground, 18, 18, 18),.36)}.bundle-product[data-selected-count]:not([data-selected-count="0"]){border-color:var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)));box-shadow:0 0 0 .1rem var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)))}.bundle-product[data-unavailable=true]{cursor:not-allowed;opacity:.55}.bundle-product__badge{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:1;display:flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding-inline:.6rem;color:rgb(var(--color-button-text, 255, 255, 255));font-size:.8rem;font-weight:600;line-height:1;background:var(--tier-accent-color, rgb(var(--color-button, 18, 18, 18)));border-radius:999rem}.bundle-product__image{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1;background:rgba(var(--color-foreground, 18, 18, 18),.04);border-radius:var(--media-radius, .4rem)}.bundle-product__image img{width:100%;height:100%;object-fit:cover}.bundle-product__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));font-family:var(--font-body-family, inherit);font-size:.95rem;font-weight:500;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bundle-product__price{color:rgba(var(--color-foreground, 18, 18, 18),.78);font-size:.95rem;line-height:1.4}.bundle-product__variant-select{width:100%;min-height:3.8rem;padding:0 1rem;color:var(--bundle-modal-text-color, rgb(var(--color-foreground, 18, 18, 18)));font:inherit;font-size:.9rem;cursor:pointer;background:var(--bundle-modal-background, rgb(var(--color-background, 255, 255, 255)));border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.18);border-radius:var(--inputs-radius, var(--buttons-radius, .4rem))}.bundle-product__qty{display:grid;grid-template-columns:3.6rem 1fr 3.6rem;align-items:center;min-height:3.8rem;margin-block-start:auto;overflow:hidden;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.14);border-radius:var(--inputs-radius, var(--buttons-radius, .4rem))}.bundle-product__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:inherit;font:inherit;font-size:1.2rem;line-height:1;cursor:pointer;background:transparent;border:0}.bundle-product__qty-btn:hover:not(:disabled),.bundle-product__qty-btn:focus-visible{background:rgba(var(--color-foreground, 18, 18, 18),.06);outline:none}.bundle-product__qty-btn:disabled{cursor:not-allowed;opacity:.35}.bundle-product__qty-value{min-width:2rem;font-size:.95rem;font-weight:600;line-height:1;text-align:center}.bundle-product__unavailable{margin-block-start:auto;padding-block:.5rem;color:rgb(var(--color-error, 190, 18, 60));font-size:.85rem;line-height:1.35;text-align:center}.bundle-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:rgba(var(--color-foreground, 18, 18, 18),.03);border-block-start:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.1);gap:1.5rem}.bundle-modal__footer-info{display:flex;flex-direction:column;min-width:0;gap:.25rem}.bundle-modal__count{font-size:1rem;font-weight:600;line-height:1.35}.bundle-modal__pricing{color:rgba(var(--color-foreground, 18, 18, 18),.72);font-size:.9rem;line-height:1.35}.bundle-modal__error{color:rgb(var(--color-error, 190, 18, 60));font-size:.85rem;line-height:1.35}.bundle-modal__add-btn{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;min-height:4.4rem;padding:0 2rem;color:var(--bundle-button-text-color, rgb(var(--color-button-text, 255, 255, 255)));font:inherit;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;background:var(--bundle-button-background, rgb(var(--color-button, 18, 18, 18)));border:.1rem solid var(--bundle-button-background, rgb(var(--color-button, 18, 18, 18)));border-radius:var(--buttons-radius, .4rem);gap:.75rem;transition:opacity .2s ease}.bundle-modal__add-btn:hover:not(:disabled),.bundle-modal__add-btn:focus-visible{color:var(--bundle-button-hover-text-color, var(--bundle-button-text-color, rgb(var(--color-button-text, 255, 255, 255))));background:var(--bundle-button-hover-background, var(--bundle-button-background, rgb(var(--color-button, 18, 18, 18))));border-color:var(--bundle-button-hover-background, var(--bundle-button-background, rgb(var(--color-button, 18, 18, 18))));opacity:1;outline:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.2);outline-offset:.2rem}.bundle-modal__add-btn:disabled{cursor:not-allowed;opacity:.5}.bundle-spin{animation:bundleSpin .8s linear infinite}.bundle-toast{position:fixed;inset-block-start:2rem;inset-inline-start:50%;z-index:10000;max-width:calc(100vw - 4rem);padding:1rem 1.5rem;color:rgb(var(--color-button-text, 255, 255, 255));font-family:var(--font-body-family, inherit);font-size:.95rem;line-height:1.4;text-align:center;pointer-events:none;background:rgb(var(--color-button, 18, 18, 18));border-radius:var(--popup-corner-radius, var(--buttons-radius, .4rem));box-shadow:var(--popup-shadow-horizontal-offset, 0) var(--popup-shadow-vertical-offset, 1rem) var(--popup-shadow-blur-radius, 3rem) rgba(var(--color-shadow, 18, 18, 18),var(--popup-shadow-opacity, .16));opacity:0;transform:translate(-50%) translateY(-1rem);transition:opacity .3s ease,transform .3s ease}.bundle-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.bundle-toast--error{background:rgb(var(--color-error, 190, 18, 60))}@keyframes bundleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bundleSlideUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes bundleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.bundle-builder__heading{margin-block-end:1.5rem}.bundle-builder__title{font-size:calc(var(--font-heading-scale, 1) * 2.3rem)}.bundle-builder__tiers{grid-template-columns:1fr;gap:var(--grid-mobile-vertical-spacing, 1.5rem)}.bundle-tier{padding:0}.bundle-tier:hover{transform:none}.bundle-tier__tag{inset-block-start:1.2rem;inset-inline-start:1.2rem;max-width:calc(100% - 2.4rem)}.bundle-tier__content{padding:1.4rem}.bundle-tier__name{font-size:calc(var(--font-heading-scale, 1) * 1.65rem)}.bundle-tier__price{font-size:calc(var(--font-heading-scale, 1) * 1.35rem)}.bundle-tier__image{min-height:clamp(18rem,70vw,26rem)}.bundle-tier__image img,.bundle-tier__image svg{max-height:clamp(16.5rem,64vw,24rem)}.bundle-modal{align-items:flex-end;padding:0}.bundle-modal__dialog{max-height:95vh;border-end-start-radius:0;border-end-end-radius:0}.bundle-modal__header,.bundle-modal__body,.bundle-modal__footer{padding:1.5rem}.bundle-modal__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-mobile-horizontal-spacing, 1rem)}.bundle-modal__footer{align-items:stretch;flex-direction:column}.bundle-modal__add-btn{width:100%}}@media(max-width:420px){.bundle-modal__body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bundle-tier__select-btn,.bundle-modal__overlay,.bundle-modal__dialog,.bundle-product,.bundle-spin,.bundle-toast{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-bundle-builder.css.map */