.build-your-box__header{text-align:center;margin-bottom:3rem}.build-your-box__heading{font-size:2rem;font-weight:300;margin:0 0 1rem;letter-spacing:.05em}@media screen and (min-width: 750px){.build-your-box__heading{font-size:2.5rem}}.build-your-box__description{font-size:1rem;color:#666;max-width:600px;margin:0 auto}.box-size-selector{text-align:center;margin-bottom:2rem}.box-size-selector__label{display:block;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.box-size-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.box-size-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 2rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:100px}.box-size-btn:hover{border-color:#2d2d2d;transform:translateY(-2px)}.box-size-btn.active{border-color:#2d2d2d;background:#2d2d2d;color:#fff}.box-size-btn__number{font-size:1.75rem;font-weight:600}.box-size-btn__label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.box-progress{max-width:600px;margin:0 auto 3rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.box-progress__bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:1rem}.box-progress__fill{height:100%;background:#3b82f6;transition:width .3s ease,background-color .3s ease;border-radius:6px}.box-progress__text{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.9375rem}.box-progress__bonus{color:#7c3aed;font-weight:600}.byo-products{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;align-items:start}@media screen and (min-width: 550px){.byo-products{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 990px){.byo-products{grid-template-columns:repeat(3,1fr)}}.byo-product{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.byo-product:hover{box-shadow:0 4px 12px #0000001a}.byo-product__image{position:relative;aspect-ratio:1;margin-bottom:1rem;border-radius:4px;overflow:hidden;background:#f5f5f5}.byo-product__image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .4s ease}.byo-product__image-primary{opacity:1;z-index:1}.byo-product__image-secondary{opacity:0;z-index:2}.byo-product:hover .byo-product__image-primary{opacity:0}.byo-product:hover .byo-product__image-secondary{opacity:1}.byo-product__info{margin-bottom:1rem;min-height:90px}.byo-product__title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;line-height:1.3}.byo-product__ingredients{font-size:.9rem;color:#666;margin:0 0 .5rem;line-height:1.4}.byo-product__price{font-size:1.25rem;font-weight:600;margin:0}.byo-product__controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:1.5rem;font-weight:400;cursor:pointer;transition:all .2s ease;color:#000}.qty-btn:hover{background:#f5f5f5}.qty-btn:active{transform:scale(.95)}.qty-input{flex:1;height:36px;text-align:center;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;font-weight:600;background:#fff}.qty-input:focus{outline:none;border-color:#000}.byo-summary{max-width:500px;margin:0 auto;padding:2rem;background:#f8f9fa;border-radius:12px;text-align:center}.byo-summary__details{margin-bottom:2rem}.byo-summary__line{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1rem}.byo-summary__line--total{border-top:2px solid #d1d5db;margin-top:.5rem;padding-top:1rem;font-size:1.25rem}.byo-summary__bonus{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;color:#92400e;font-size:.9375rem}.button--large{width:100%;padding:1.25rem 2rem;font-size:1.125rem;margin-bottom:1rem}.button:disabled{opacity:.5;cursor:not-allowed}.subscription-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;cursor:pointer}.subscription-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.byo-empty{text-align:center;padding:3rem 1rem;color:#666}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-build-your-box.css.map */