@media screen and (min-width:1680px){.bundle-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.bundle-builder-page__header{margin-bottom:.5rem}.bundle-builder-page__heading{margin:0}.bundle-builder-page__desc-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0;flex-wrap:nowrap}.bundle-builder-page__description{margin:0;flex:1;min-width:0;color:rgb(var(--color-secondary-text))}.bundle-builder-page__tabs{position:relative;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding:3px;background-color:#0000000d;border:none;border-radius:100px;color:rgb(var(--color-foreground))}.bundle-tab-btn{height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.2rem 2rem;background:transparent;border:none;border-radius:100px;cursor:pointer;white-space:nowrap;color:rgb(var(--color-foreground));transition:background-color .25s ease}.bundle-tab-btn.active{background-color:#fff;cursor:default;border:1px solid #111111}.bundle-builder-page__layout{display:grid;grid-template-columns:1fr 420px;gap:3rem;align-items:start}.bundle-tab-content{display:none}.bundle-tab-content.active{display:block}.bundle-products-grid .card__badge{display:none}.bundle-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bundle-card-wrapper{display:flex;flex-direction:column;min-width:0}.bundle-card-wrapper>.card-wrapper{flex:1;min-width:0;border:none!important;box-shadow:none!important}.bundle-products-grid .card__inner{overflow:hidden}.bundle-card-actions{margin-top:.8rem}.bundle-products-grid .card__inner .media{padding-bottom:120%!important;overflow:hidden}.bundle-products-grid .card__inner .media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.bundle-card-wrapper .card-information.product-parameters{margin-top:.8rem}.bundle-variant-selector{margin:.5rem 0;border:1.5px solid rgb(var(--color-base-text));border-radius:6px;position:relative}.bundle-variant-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:rgb(var(--color-background));border:none;cursor:pointer;border-radius:6px}.bundle-variant-toggle:hover{background:rgb(var(--color-base-text) / .04)}.bundle-variant-toggle:disabled{cursor:not-allowed;background:#f9f9f9;color:rgb(var(--color-base-text) / .4)}.bundle-variant-toggle[data-sold-out=true]:disabled{background:#fff5f5;color:#c0392b;opacity:.8}.bundle-variant-selector:has(.bundle-variant-toggle:disabled){border-color:rgb(var(--color-base-text) / .15)}.bundle-variant-toggle__icon{flex-shrink:0;transition:transform .2s ease}.bundle-variant-toggle[aria-expanded=true] .bundle-variant-toggle__icon{transform:rotate(180deg)}.bundle-variant-panel{position:absolute;top:calc(100% + 4px);bottom:auto;left:0;right:0;z-index:50;border:1.5px solid rgb(var(--color-base-text));border-radius:6px;padding:.4rem 0;background:rgb(var(--color-background));max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--color-base-text) / .25) transparent;box-shadow:0 4px 16px #0000001f}.bundle-variant-panel--up{top:auto;bottom:calc(100% + 4px)}.bundle-variant-panel::-webkit-scrollbar{width:4px}.bundle-variant-panel::-webkit-scrollbar-track{background:transparent}.bundle-variant-panel::-webkit-scrollbar-thumb{background:rgb(var(--color-base-text) / .25);border-radius:4px}.bundle-variant-panel[hidden]{display:none}.bundle-variant-option[hidden]{display:none!important}.bundle-variant-option{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;cursor:pointer;transition:background .12s;color:rgb(var(--color-secondary-text))}.bundle-variant-option:hover{background:rgb(var(--color-base-text) / .04)}.bundle-variant-option:has(.bundle-variant-radio:checked){background:rgb(var(--color-base-text) / .05)}.bundle-variant-option__swatch{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid rgb(var(--color-base-text) / .15);display:flex;align-items:center;justify-content:center}.bundle-variant-option:has(.bundle-variant-radio:checked) .bundle-variant-option__swatch{outline:2px solid rgb(var(--color-base-text));outline-offset:2px}.bundle-swatch-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.bundle-swatch-placeholder{display:block;width:100%;height:100%;background:rgb(var(--color-base-text) / .12);border-radius:50%}.bundle-add-btn{width:100%;display:block;text-transform:none!important}.bundle-qty-control{display:flex;align-items:center;border:1.5px solid rgb(var(--color-base-text));border-radius:var(--buttons-radius, 0);overflow:hidden}.bundle-qty-btn{border:none;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;flex-shrink:0}.bundle-qty-btn:hover{background:rgb(var(--color-base-text) / .08)}.bundle-qty-value{flex:1;text-align:center}.bundle-sidebar{position:sticky;top:10rem}.bundle-sidebar__inner{border:1.5px solid rgb(var(--color-base-text) / .12);border-radius:12px;padding:1.6rem;background:#fff;box-shadow:0 2px 12px #0000000f}.bundle-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.bundle-sidebar__title{margin:0}.bundle-sidebar__clear{display:inline-flex;align-items:center;background:#fde8e8;border:none;border-radius:4px;padding:.3rem .9rem;cursor:pointer;color:#c00;transition:background .18s;white-space:nowrap}.bundle-sidebar__clear:hover{background:#fbd0d0}.bundle-sidebar__review-text{margin:0 0 1.5rem;color:rgb(var(--color-secondary-text))}.bundle-sidebar__progress{margin-bottom:1rem}.bundle-progress-msg{margin:0 0 .6rem;text-align:center}.bundle-progress-track{position:relative;height:8px;background:#e0e0e0;border-radius:4px;margin-bottom:1.6rem}.bundle-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:4px;background:rgb(var(--color-base-text));transition:width .3s ease}.bundle-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.bundle-progress-marker__dot{display:block;width:14px;height:14px;border-radius:50%;background:#c8c8c8;border:2px solid #fff;flex-shrink:0;transition:background .2s}.bundle-progress-marker.reached .bundle-progress-marker__dot{background:rgb(var(--color-base-text))}.bundle-progress-marker__dot--end{background:#c8c8c8}.bundle-progress-marker__label{position:absolute;top:14px;white-space:nowrap;font-size:.72rem;transform:translate(-50%);left:50%;color:#888}.bundle-progress-marker--end .bundle-progress-marker__label{transform:translate(-80%)}.bundle-progress-marker.reached .bundle-progress-marker__label{color:rgb(var(--color-base-text));font-weight:600}.bundle-sidebar__count{margin:0 0 .8rem}.bundle-sidebar__items{list-style:none;padding:0;margin:3rem .3rem;display:flex;flex-direction:column;gap:1rem;min-height:14rem}.bundle-sidebar__items.bbp-empty .bundle-sidebar__placeholder{display:flex}.bundle-sidebar__placeholder{display:none;align-items:center;gap:.8rem}.bundle-placeholder-img{width:52px;height:52px;background:#e8e8e8;border-radius:4px;flex-shrink:0}.bundle-placeholder-lines{flex:1;display:flex;flex-direction:column;gap:6px}.bundle-placeholder-lines span{display:block;height:8px;border-radius:4px;background:#e0e0e0}.bundle-placeholder-lines span:nth-child(1){width:85%}.bundle-placeholder-lines span:nth-child(2){width:60%}.bundle-placeholder-lines span:nth-child(3){width:45%}.bundle-placeholder-del{width:18px;height:18px;background:#e0e0e0;border-radius:3px;flex-shrink:0}.bundle-sidebar-item{display:flex;align-items:flex-start;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid rgb(var(--color-base-text) / .08)}.bundle-sidebar-item:last-child{border-bottom:none;padding-bottom:0}.bundle-sidebar-item__img{width:50px;aspect-ratio:2/3;object-fit:cover;border-radius:4px;flex-shrink:0}.bundle-sidebar-item__info{flex:1;min-width:0}.bundle-sidebar-item__title{margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis}.bundle-sidebar-item__variant{margin:0 0 .2rem;color:rgb(var(--color-secondary-text))}.bundle-sidebar-item__price{margin:0;color:rgb(var(--color-secondary-text))}.bundle-sidebar-item__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-top:.2rem}.bundle-sidebar-item__remove{background:none;border:none;cursor:pointer;padding:2px;color:#c00;display:flex;align-items:center}.bundle-sidebar__footer{border-top:1.5px solid rgb(var(--color-base-text) / .12);padding-top:1.1rem}.bundle-sidebar__total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.bundle-sidebar__total-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bundle-sidebar__discount-badge{background:#a8e6cf;color:#1a5c38;padding:5px 10px;border-radius:10px}.bundle-sidebar__discount-badge.hidden{display:none}.bundle-sidebar__total-prices{text-align:right}.bundle-sidebar__price-original{text-decoration:line-through;color:red}.bundle-sidebar__price-original.hidden{display:none}.bundle-sidebar__atc{width:100%}.bundle-sidebar__atc:disabled,.bundle-sidebar__atc.disabled-style{opacity:.5;cursor:not-allowed;text-transform:none!important}.bundle-sidebar__atc-wrapper{position:relative;width:100%}.bundle-atc-alert{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#000;color:#fff;padding:10px 16px;border-radius:4px;font-size:14px;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:15px;width:max-content;max-width:320px;box-shadow:0 4px 12px #00000026}.bundle-atc-alert:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#000 transparent transparent transparent}.bundle-atc-alert.hidden{display:none!important}.bundle-atc-alert__text{white-space:nowrap;font-weight:400}.bundle-atc-alert__close{background:none;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.bundle-atc-alert__close:hover{opacity:.7}.bundle-builder-page__desc-tabs-row{max-width:calc(100% - 450px)}@media screen and (max-width:1024px){.bundle-builder-page__layout{grid-template-columns:1fr}.bundle-sidebar{position:static;order:-1}.bundle-sidebar__inner{border-radius:8px}.bundle-products-grid{grid-template-columns:repeat(2,1fr)}.bundle-builder-page__desc-tabs-row{max-width:100%}}@media screen and (min-width:769px)and (max-width:1024px){.bundle-products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:599px){.bundle-builder-page__header{align-items:flex-start;flex-direction:column;gap:1rem}.bundle-builder-page__desc-tabs-row{flex-direction:column}.bundle-products-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.bundle-card-wrapper[data-in-bundle] .bundle-add-btn{display:none!important}.bundle-card-wrapper:not([data-in-bundle]) .bundle-qty-control{display:none!important}.bundle-card-wrapper[data-sold-out] .bundle-add-btn{display:none!important}.bbs-header__description{margin:1.2rem 0 0;color:rgb(var(--color-secondary-text))}.bbs-step+.bbs-step{margin-top:4rem;padding-top:3rem;border-top:1.5px solid rgb(var(--color-base-text) / .12)}.bbs-step__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.bbs-step__heading-wrap{min-width:0}.bbs-step__title{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.bbs-step__subtitle{margin:.4rem 0 0;color:rgb(var(--color-secondary-text))}.bbs-step__empty{grid-column:1 / -1;margin:0;color:rgb(var(--color-secondary-text))}.bbs-step.is-locked .bundle-products-grid{opacity:.55}.bbs-step.is-locked .bundle-add-btn{cursor:not-allowed;text-transform:none!important}.bundle-atc-alert__text{white-space:normal}@media screen and (max-width:599px){.bbs-step__header{flex-direction:column;align-items:flex-start}}.bbs-remove-btn{width:100%;display:block;text-transform:none!important}.bundle-card-wrapper:not([data-in-bundle]) .bbs-remove-btn{display:none!important}.bbs-item-price-original{margin-left:.4rem;color:rgb(var(--color-base-text))}[data-bbs-step="2"] .bundle-products-grid>.bundle-card-wrapper:nth-last-child(-n+3) .bundle-variant-panel{top:auto;bottom:calc(100% + 4px)}@media screen and (min-width:1680px){[data-bbs-step="2"] .bundle-products-grid>.bundle-card-wrapper:nth-last-child(-n+4) .bundle-variant-panel{top:auto;bottom:calc(100% + 4px)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/bundle-builder-steps.css.map */
