.pack-builder{display:flex;flex-direction:column;gap:24px}.pack-builder__step{display:flex;flex-direction:column;gap:16px}.pack-builder__step-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pack-builder__step-header--border{padding-bottom:10px;border-bottom:1px solid var(--Black-25, rgba(0, 0, 0, .25))}.pack-builder__step-label{display:flex;align-items:center;gap:6px}.pack-builder__step-number{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--Secondary-Orange, #e64601);border-radius:9px;color:var(--White-White, #fff)}.pack-builder__step-text{color:var(--Black-100, #000);margin-bottom:0}.pack-builder__step-prices{display:flex;align-items:baseline;gap:4px}.pack-builder__compare-price{color:var(--Black-35, rgba(0, 0, 0, .35));text-decoration:line-through}.pack-builder__price{color:var(--Black-100, #000)}.pack-builder__variants{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:12px}.pack-builder__variant{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px);max-width:calc(50% - 4px);padding:12px;border:1px solid var(--Black-25, rgba(0, 0, 0, .25));border-radius:14px;background:var(--White-White, #fff);cursor:pointer;transition:all .2s ease}.pack-builder__variant:hover{border-color:var(--Primary-Purple-500, #a26ce0)}.pack-builder__variant--active{outline:1px solid var(--Primary-Purple-500, #8143c2);background:var(--Primary-Purple-100, #f2ebfc);border:1px solid var(--Primary-Purple-700, #8143c2)}.pack-builder__variant{position:relative}.pack-builder__variant:disabled{opacity:.4;cursor:not-allowed}.pack-builder__variant-badge{position:absolute;top:-7px;line-height:100%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:3px 6px;background:var(--Secondary-Orange, #e64601);border-radius:4px;color:var(--White-White, #fff)}.pack-builder__variant-info{display:flex;flex-direction:column;align-items:center;padding-bottom:4px;text-align:center}.pack-builder__variant-title{color:var(--Black-100, #000);margin-bottom:0!important}.pack-builder__variant-packs{color:var(--Black-100, #000);margin-bottom:3px!important}.pack-builder__variant-discount{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;background:var(--Secondary-Orange, #e64601);border-radius:4px;color:var(--White-White, #fff);margin-bottom:0}.pack-builder__variant-unit{color:var(--Black-50, rgba(0, 0, 0, .5));margin-bottom:0}.pack-builder__variant--hidden{display:none}.pack-builder__variants--expanded .pack-builder__variant--hidden{display:flex}.pack-builder__variants-toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px;background:transparent;border:1px dashed var(--Black-25, rgba(0, 0, 0, .25));border-radius:10px;color:var(--Black-80, rgba(0, 0, 0, .8));cursor:pointer;transition:all .2s ease}.pack-builder__variants-toggle:hover{border-color:var(--Primary-Purple-500, #a26ce0);color:var(--Primary-Purple-500, #a26ce0)}.pack-builder__variants-toggle svg{transition:transform .2s ease}.pack-builder__variants--expanded .pack-builder__variants-toggle svg{transform:rotate(180deg)}.pack-builder__counter{display:flex;align-items:center;padding:0 4px;background:var(--Primary-Purple-100, #f2ebfc);border-radius:4px}.pack-builder__counter-current,.pack-builder__counter-separator,.pack-builder__counter-max{color:var(--Primary-Purple-500, #a26ce0)}.pack-builder__flavors{display:flex;flex-direction:column;gap:12px}.pack-builder__flavor:last-child{padding-bottom:0!important}.pack-builder__flavor{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--Black-25, rgba(0, 0, 0, .25))}.pack-builder__flavor:last-child{border-bottom:none;padding-bottom:0}.pack-builder__flavor-image{width:54px;height:54px;min-width:54px;border-radius:6px;border:1px solid var(--Black-7, rgba(0, 0, 0, .07));background:var(--Secondary-Beige, #f2ebe7);overflow:hidden}.pack-builder__flavor-image img,.pack-builder__flavor-image .placeholder-svg{width:100%;height:100%;object-fit:cover}.pack-builder__flavor-content{display:flex;flex:1;align-items:center;gap:18px}.pack-builder__flavor-info{flex:1;display:flex;flex-direction:column;gap:2px}.pack-builder__flavor-info p{margin-bottom:0}.pack-builder__flavor-title{color:var(--Black-100, #000);margin-bottom:0}.pack-builder__flavor-desc{color:var(--Black-80, rgba(0, 0, 0, .8));margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pack-builder__flavor-link{color:var(--Black-80, rgba(0, 0, 0, .8));text-decoration:underline;cursor:pointer;padding:0;border:none;background:none;text-align:left}.pack-builder__flavor-controls{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;min-width:91px}.pack-builder__flavor-add:disabled{opacity:.4;cursor:not-allowed}.pack-builder__flavor-qty-controls{display:flex;align-items:center;gap:4px}.pack-builder__flavor-btn{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:none;border-radius:4px;cursor:pointer;padding:0;transition:opacity .2s ease}.pack-builder__flavor-btn:disabled{opacity:.4;cursor:not-allowed}.pack-builder__flavor-btn--minus{background:transparent}.pack-builder__flavor-btn--minus svg{width:25px;height:25px}.pack-builder__flavor-btn--plus{background:var(--Primary-Purple-800, #643495);color:var(--White-White, #fff)}.pack-builder__flavor-qty-display{display:flex;align-items:center;justify-content:center;min-width:33px!important;height:33px!important;padding:0 px4px;background:var(--Primary-Purple-700, #8143c2);border-radius:4px;color:var(--White-White, #fff)}.pack-builder__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.pack-builder__popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pack-builder__popup-content{position:relative;display:flex;flex-direction:column;gap:16px;max-width:400px;width:calc(100% - 32px);padding:24px;background:var(--White-White, #fff);border-radius:12px;box-shadow:0 10px 40px #0003}.pack-builder__popup-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--Black-50, rgba(0, 0, 0, .5));transition:color .2s ease}.pack-builder__popup-close:hover{color:var(--Black-100, #000)}.pack-builder__popup-title{margin-bottom:0!important;padding-right:40px}.pack-builder__popup-text{color:var(--Black-80, rgba(0, 0, 0, .8))}.pack-builder__popup-text p{margin-bottom:0}.pack-builder__popup-info{padding:12px;background:var(--Primary-Purple-100, #f2ebfc);border-radius:8px}.pack-builder__popup-info p{margin-bottom:0;color:var(--Black-100, #000)}.pack-builder__popup-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.pack-builder__popup-confirm{width:100%;justify-content:center}.pack-builder__popup-cancel{align-self:center;cursor:pointer}@media only screen and (max-width:989px){.pack-builder{gap:20px}.pack-builder__step--variants{gap:14px}.pack-builder__variants{gap:6px}.pack-builder__variant{height:auto;gap:2px;border-radius:10px;padding:12px 6px 6px}.pack-builder__step--flavors{gap:12px}.pack-builder__flavor{padding-bottom:12px!important}.pack-builder__flavor-image{width:64px;height:64px;min-width:64px}.pack-builder__flavor-content{gap:10px}.pack-builder__flavor-qty-controls{justify-content:flex-end}.pack-builder__flavor-btn{width:20px!important;min-width:20px;height:20px}.pack-builder__flavor-btn--minus svg{width:20px;height:20px}.pack-builder__flavor-btn--plus{border-radius:2px}.pack-builder__flavor-qty-display{flex:1;min-width:unset;height:28px}.pack-builder__popup-content{padding:20px}.product-form__submit{font-size:16px!important}}.pack-builder__flavor-add{background:var(--Primary-Purple-700, #8143c2);border:none;border-radius:4px;cursor:pointer;transition:background .2s ease;padding:6px 8px!important;color:var(--White-White, #fff);text-align:center;font-family:var(--font-family-paragraph, Switzer);font-size:14px;font-style:normal;font-weight:600;line-height:14px}.pack-builder__flavor-add:hover:not(:disabled){background:var(--Primary-Purple-800, #643495)}@media only screen and (min-width:990px){.pack-builder__flavor-image{width:76px;height:76px}}.pack-builder__popup-cancel{border:unset;background-color:unset}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pack-builder.css.map */