.desktop-hidden{display:none}.mobile-hidden,.desktop-only{display:block}.sticky-cart-button{display:none}@media screen and (max-width: 768px){.desktop-hidden{display:block}.mobile-hidden,.desktop-only{display:none}.sticky-cart-button{display:block}}.build-box-container{max-width:1200px;margin:0 auto;padding:20px}.build-box-header{text-align:center;margin-bottom:40px}.build-box-header h1{font-size:36px;margin-bottom:20px}.build-box-description{font-size:16px;line-height:1.5;max-width:800px;margin:0 auto}.build-box-content{display:flex;gap:20px}.product-list{flex:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media screen and (max-width: 768px){.product-list{grid-template-columns:repeat(2,1fr)}}.bundle-product-item{border-radius:12px;transition:all .2s ease;background:#fff;margin-bottom:10px;padding:15px;display:flex;flex-direction:column;height:100%;position:relative}.bundle-product-item>*{flex-shrink:0;pointer-events:auto}.bundle-product-item .bundle-product-actions{position:relative;z-index:2;margin-top:auto}.bundle-product-item.selected{background:var(--color-primary-light, #fdf1f3)}.bundle-product-image{position:relative;margin-bottom:15px;border-radius:8px;overflow:hidden;padding-bottom:150%}.bundle-product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.bundle-product-image .product-image-alternate{opacity:0}.bundle-product-item:hover .bundle-product-image .product-image-alternate{opacity:1}.bundle-product-item:hover .bundle-product-image img:nth-of-type(2){opacity:0}.bundle-product-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#333;line-height:1.3}.bundle-product-meta{font-size:13px;color:#666;margin-bottom:12px}.bundle-product-actions{margin-top:12px;min-height:42px;display:flex;flex-direction:column}.add-to-bundle-button{width:100%;padding:10px;background:var(--color-primary, #e4526e);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:0;position:relative;z-index:1;margin-bottom:8px}.add-to-bundle-button:hover{background:var(--color-primary-dark, #d03e5a)}.quantity-selector{display:none;align-items:stretch;justify-content:space-between;border:1px solid var(--color-primary, #e4526e);border-radius:20px;overflow:hidden;height:32px;background:#fff}.quantity-selector.active{display:flex}.quantity-button{width:32px;border:none;background:var(--color-primary, #e4526e);color:#fff;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.quantity-button:hover{background:var(--color-primary-dark, #d03e5a)}.quantity-display{flex:0 0 32px;text-align:center;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #e4526e)}.selection-panel{flex:1;padding:15px;background:#fff}.selection-panel-wrapper{padding:30px 0;background-color:var(--color-light-grey);border-radius:0 0 15px 15px}.pack-section-header{font-size:18px;text-transform:uppercase;font-weight:600;padding:0 30px;margin-bottom:15px}.pack-selector,.type-selector{display:flex;gap:15px;padding:0 30px;margin-bottom:15px}.pack-section-divider{padding:0 30px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.bundle-header{display:flex;justify-content:normal;align-items:center;margin-bottom:15px;padding:0 30px;text-transform:uppercase}.bundle-header-title{font-size:18px;font-weight:600;margin-right:5px}.bundle-count{font-size:18px;font-weight:600}.pack-option,.type-option{flex:1;text-decoration:none;padding:5px 10px;border:2px solid #e0e0e0;border-radius:30px;text-align:center;transition:all .3s ease;font-weight:600;font-size:16px;color:#666}.pack-option:hover,.type-option:hover{border-color:var(--color-primary, #e4526e);color:var(--color-primary, #e4526e);cursor:pointer}.pack-option.selected,.type-option.selected{border-color:var(--color-primary, #e4526e);background:var(--color-primary, #e4526e);color:#fff}.selected-items{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;margin-bottom:20px;max-height:360px;overflow-y:scroll;width:100%;scrollbar-width:none;padding:10px 30px 0}.selected-item{position:relative;aspect-ratio:1;background:#fff}.selected-item-content{border:2px solid #e0e0e0;border-radius:6px;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.selected-item img{width:100%;height:100%;object-fit:contain;padding:10px}.selected-item-content .item-info{position:absolute;bottom:0;left:0;width:100%;height:45%;background:var(--brand-red, #e4526e);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.selected-item:hover .item-info{transform:translateY(0)}.selected-item .remove-item{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--color-primary, #e4526e);color:#fff;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;box-shadow:0 2px 4px #0000001a}.selected-item .remove-item:hover{background:var(--color-primary-dark, #d03e5a)}.empty-slot{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;cursor:pointer;transition:all .2s ease;width:100%;aspect-ratio:1;min-width:0}.empty-slot img{width:40%;height:40%;object-fit:contain;opacity:.4;transition:opacity .2s ease}.empty-slot span{color:#999;font-size:14px;font-weight:500}.add-to-cart-button{width:-webkit-fill-available;padding:15px;margin:0 30px;background:var(--color-primary, #e4526e);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-to-cart-button:disabled{background:#ddd;cursor:not-allowed}.sticky-cart-button{width:100%;padding:15px}.sticky-cart-actions{max-width:1200px;margin:0 auto;display:flex;gap:10px;align-items:center}.toggle-bundle-button{width:44px;height:44px;padding:10px;border:none;border-radius:6px;background:var(--color-primary, #e4526e);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toggle-bundle-button svg{transition:transform .3s ease}.toggle-bundle-button.active svg{transform:rotate(180deg)}.sticky-cart-actions .add-to-cart-button{flex:1}@media screen and (max-width: 768px){.sticky-cart-button{position:sticky;bottom:0;left:0;background:#fff;box-shadow:0 -2px 10px #0000001a;z-index:100}.selected-item .remove-item{top:0;right:0;width:40px;height:40px}}.mobile-bundle-panel{position:fixed;bottom:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s ease}.mobile-bundle-panel.active{visibility:visible;opacity:1;transition-delay:0s}.mobile-bundle-content{position:absolute;bottom:0;left:0;width:100%;background:#fff;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .3s ease;will-change:transform}.mobile-bundle-panel.active .mobile-bundle-content{transform:translateY(0)}.mobile-bundle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-bundle-header h2{font-size:24px;font-weight:600;margin:0}.close-panel{width:40px;height:40px;border-radius:50%;border:none;background:#f5f5f5;color:#333;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-selected-items{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-height:calc(100vh - 200px);overflow-y:auto;padding-bottom:80px}@media screen and (min-width: 769px){.mobile-bundle-panel{display:none!important}}.tab-buttons{display:flex;flex:1}.tab-button{padding:.75rem 2rem;border:none;background:#fff;cursor:pointer;font-weight:800;text-transform:uppercase;color:#000;border-radius:15px 15px 0 0;letter-spacing:0;width:100%;text-decoration:none;text-align:center;border:1px solid var(--color-light-grey);border-bottom:1px solid var(--color-grey)}.tab-button.active{background:var(--color-light-grey);border-bottom:1px solid var(--color-light-grey);color:#3a3a3a}
/*# sourceMappingURL=/cdn/shop/t/27/assets/build-a-box.css.map */