.build-a-box-container{background:#fff;max-width:100%;margin:0 auto;padding:2rem 4rem}.build-a-box-title{font-size:32px;text-align:center;margin-bottom:30px}.progress-steps{display:flex;align-items:center;max-width:800px;margin:2.5rem auto;padding:2px;position:relative;background:#fff;border:1px solid #000;border-radius:4rem}.progress-step{flex:1;padding:8px 24px;border-radius:1rem;background:transparent;color:#666;position:relative;z-index:2;text-align:center;font-size:14px;transition:all .3s ease}.progress-step.active{background:var(--build-a-box-accent);color:#fff}.box-option{position:relative;background:#fff;border-radius:24px;padding:2rem;text-align:center;overflow:hidden;transition:transform .3s ease}.box-option:hover{transform:translateY(-5px)}.box-options,.box-size-options{display:flex;justify-content:space-around;margin-bottom:40px}.box-option,.box-size-option{width:30%;padding:1.25rem;background:#fff;border:1px solid #000;border-radius:1rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.box-option{width:44%}.box-size-option{position:relative;width:20%}.gdc-shipping-badge{position:absolute;scale:.6;top:-4rem;right:-4rem}@media (max-width: 768px){.gdc-shipping-badge{top:-3rem;right:-5rem}}.box-option:hover,.box-size-option:hover{border-color:#000;box-shadow:0 4px 8px #0000001a;overflow:visible}.box-option h2,.box-size-option h3{font-size:24px;margin-bottom:10px}.box-option h2{font-size:2.5rem;color:var(--build-a-box-headers);margin-top:.5rem}.hidden{display:none}.custom-box-layout{display:flex;gap:20px}.product-selection{flex:1}.side-panel{width:300px;background:var(--build-a-box-btns);color:#fff;border-radius:1rem;padding:1rem 1.5rem;display:flex;flex-direction:column;position:sticky;top:var(--header-height);align-self:flex-start}.gdc-build-a-box p.build-a-box-remaining,.gdc-build-a-box p.build-a-box-remaining span,.gdc-build-a-box .box-item,.gdc-build-a-box .box-item span,.gdc-build-a-box .total-price,.gdc-build-a-box .total-price span{color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.product-card,.pre-selected-card{display:grid;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.product-image,.pre-selected-image{width:100%;height:auto;object-fit:cover;border-radius:4px;margin-bottom:10px}.pre-selected-image{object-fit:contain}.product-title,.pre-selected-title{font-size:20px;margin-bottom:5px;font-family:Open Sans;color:var(--build-a-box-headers)}.product-price,.pre-selected-price{font-weight:700;margin-bottom:10px}.quantity-controls{display:flex;justify-content:center;align-items:center;gap:10px}.quantity{width:40px;text-align:center;border:1px solid #e0e0e0;border-radius:4px;padding:5px;-moz-appearance:textfield}.quantity--input button,.quantity--input input{flex:1}.quantity::-webkit-inner-spin-button,.quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-btn{background-color:#f0f0f0;border:none;border-radius:4px;width:30px;height:30px;font-size:18px;cursor:pointer}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.pre-selected-card{display:flex;position:relative;max-width:65%;margin-bottom:1.5rem}.pre-selected-boxes--info{text-align:left;padding-left:1.5rem}h3.pre-selected-title{font-size:2rem;margin-top:.25rem}.pre-selected-image{max-width:200px;border-right:1px solid #e0e0e0}.pre-selected-card form{position:absolute;right:1rem}button.add-pre-selected-btn{position:absolute;max-width:20%;right:2rem}.pre-selected-box--items li{padding:0;line-height:1.5rem}.box-contents{flex-grow:0;margin-bottom:1rem}.box-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cart-summary{border-top:1px solid #e0e0e0;padding-top:1rem}.total-price{font-size:18px;font-weight:700;margin-bottom:10px}.add-to-cart-btn,.add-pre-selected-btn{background-color:var(--build-a-box-headers);color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;width:100%}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar-container{width:100%;height:20px;background-color:#fff;border-radius:10px;margin-bottom:10px;overflow:hidden}.progress-bar{display:block!important;height:100%;background-color:var(--build-a-box-accent);transition:width .3s ease}@media (max-width: 768px){.custom-box-layout{flex-direction:column}.side-panel{width:100%;border-left:none;border-top:1px solid #e0e0e0;padding-top:20px}.box-options,.box-size-options{flex-direction:column;align-items:center}.box-option,.box-size-option{width:80%;margin-bottom:20px}.progress-steps{border:none}.progress-step{flex-direction:row;margin-bottom:10px}.step-number{margin-right:10px;margin-bottom:0}.progress-steps:before,.progress-steps:after{display:none}}.collection-selector{margin-bottom:2rem}.collection-selector-title{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:700}.collection-tabs{display:flex;gap:1rem;margin-bottom:2rem}.collection-tab{padding:.75rem 2rem;border:none;border-radius:4px;background-color:#e0e0e0;color:#333;cursor:pointer;font-size:1rem;transition:all .3s ease}.collection-tab:hover{background-color:#d0d0d0}.collection-tab.active{background-color:var(--build-a-box-btns);color:#fff}.product-grid.hidden{display:none}.product-grid.active{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}@media (max-width: 768px){.collection-tabs{flex-direction:column;gap:.5rem}.collection-tab{width:100%}}.box-content{position:relative;z-index:2}.box-content img{max-height:275px;width:auto}.box-title{color:#e31837;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.box-description{font-size:1.1rem;color:#4a4a4a;margin-bottom:2rem}.select-button{background:#e31837;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.select-button:hover{background:#c41230}.floating-kernels{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:99;transform-origin:center}.floating-kernel{position:absolute;width:40px;height:40px;opacity:0;transform-origin:center;transform:translate(0) rotate(-40deg) skew(0) skewY(0) scaleX(1.2) scaleY(1.2);transition:transform .25s cubic-bezier(.53,-.46,.42,1.53),opacity .1s ease-in}.box-option:hover .floating-kernel{opacity:1;transform:translate(0) rotate(-40deg) skew(0) skewY(0) scaleX(1.2) scaleY(1.2);transition:transform .25s cubic-bezier(.53,-.46,.42,1.53),opacity .1s ease-in}.kernel-1{top:18%;left:40%}.kernel-2{top:15%;right:38%}.kernel-3{top:30%;left:38%}.kernel-4{top:60%;left:36%}.kernel-5{top:30%;right:22%}.kernel-6{top:60%;right:36%}.box-option:hover .kernel-1{top:5%;left:33%}.box-option:hover .kernel-2{top:3%;right:32%}.box-option:hover .kernel-3{top:30%;left:12%}.box-option:hover .kernel-4{top:53%;left:20%}.box-option:hover .kernel-5{top:22%;right:14%}.box-option:hover .kernel-6{top:53%;right:20%}@media (max-width: 768px){.box-option{padding:1.5rem}.product-images img{width:80px}.box-title{font-size:2rem}.floating-kernel{width:30px;height:30px}.build-a-box-container{padding:1rem}.product-grid.active{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:10px}.pre-selected-card{max-width:100%;flex-wrap:wrap}.pre-selected-card img{flex-basis:100%;border-right:none}button.add-pre-selected-btn{position:relative;max-width:50%;margin:1.5rem;right:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/gdc-build-a-box.css.map */