:root{--byob-orange: #FF6B00;--byob-dark-brown: #3B2418;--byob-cream-bg: #FFF9F3;--byob-border-color: #EADCC9;--byob-card-bg: #FFFFFF;--byob-border-radius: 12px;--byob-transition: all .2s ease-in-out}.byob-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 12rem;color:var(--byob-dark-brown);background-color:var(--byob-cream-bg)}@media(max-width:768px){.byob-container{padding:1.5rem 1rem 4rem}}.byob-banner-wrapper{width:100%;margin-bottom:2.5rem;border-radius:var(--byob-border-radius);overflow:hidden;border:2px solid var(--byob-border-color);background:var(--byob-card-bg);display:flex}.byob-banner-img{width:100%;height:auto;object-fit:cover;display:block}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.byob-banner-wrapper{margin-bottom:1.5rem}}.byob-progress-bar{display:flex;justify-content:space-between;align-items:center;background:var(--byob-card-bg);border:2px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:1.2rem 2rem;margin-bottom:2.5rem;overflow-x:auto;position:sticky;top:123px;z-index:2!important}.byob-progress-step{display:flex;align-items:center;gap:1rem;position:relative;white-space:nowrap}.byob-progress-step:not(:last-child):after{content:"";height:2px;border-top:2px dashed var(--byob-border-color);flex-grow:1;min-width:40px;margin:0 1.5rem}.byob-step-num{background:var(--byob-cream-bg);color:var(--byob-dark-brown);border:2px solid var(--byob-border-color);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.byob-progress-step.is-active .byob-step-num{background:var(--byob-orange);color:#fff;border-color:var(--byob-orange)}.byob-step-label{font-size:1.2rem;font-weight:700}@media(max-width:768px){.byob-progress-bar{position:static;padding:.8rem 1rem;margin-bottom:1.5rem;gap:.5rem}.byob-progress-step:not(:last-child):after{min-width:15px;margin:0 .5rem}.byob-step-num{width:22px;height:22px;font-size:1rem}.byob-step-label{font-size:1rem}}.byob-main-layout{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:990px){.byob-main-layout{grid-template-columns:1.4fr 1fr;align-items:start}}.byob-step-heading{font-size:1.8rem;font-weight:700;margin:2.5rem 0 1.2rem;display:flex;align-items:center;gap:1rem}.byob-step-heading:first-of-type{margin-top:0}.byob-step-heading span{background:var(--byob-orange);color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}@media(max-width:768px){.byob-step-heading{font-size:1.5rem;margin:1.8rem 0 1rem}.byob-step-heading span{width:22px;height:22px;font-size:1rem}}.byob-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2.5rem}.byob-box-card{border:2px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:1.5rem 1rem;text-align:center;cursor:pointer;background:var(--byob-card-bg);position:relative;transition:var(--byob-transition)}.byob-box-card:hover{transform:translateY(-2px);border-color:var(--byob-dark-brown)}.byob-box-card.is-selected{border-color:var(--byob-orange);background:#ff6b0005}.byob-box-card:before{content:"\2713";position:absolute;top:10px;left:10px;background:var(--byob-border-color);color:#fff;width:20px;height:20px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:var(--byob-transition);z-index:2}.byob-box-card.is-selected:before{background:var(--byob-orange)}.byob-box-card input[type=radio]{position:absolute;opacity:0;cursor:pointer}.byob-box-card__media{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.byob-box-card__media img{max-width:100%;max-height:100%;object-fit:contain}.byob-box-card h3{margin:.8rem 0 .4rem;font-size:1.5rem;font-weight:700}.byob-box-card .capacity{font-weight:700;color:var(--byob-orange);font-size:1.2rem}.byob-box-card .desc{font-size:1.1rem;color:#3b241899;margin:.2rem 0 0}@media(max-width:768px){.byob-box-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.byob-box-card{display:flex;align-items:center;text-align:left;padding:1rem;gap:1.2rem}.byob-box-card:before{top:auto;left:auto;right:12px;bottom:12px}.byob-box-card__media{width:60px;height:60px;margin-bottom:0;flex-shrink:0}.byob-box-card h3{margin:0 0 .2rem;font-size:1.3rem}}.byob-tabs-nav{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.6rem;margin-bottom:1.5rem;scrollbar-width:none}.byob-tabs-nav::-webkit-scrollbar{display:none}.byob-tab-btn{background:var(--byob-card-bg);border:1.5px solid var(--byob-border-color);padding:.6rem 1.4rem;border-radius:30px;cursor:pointer;font-weight:700;white-space:nowrap;transition:var(--byob-transition);color:var(--byob-dark-brown);font-size:1.2rem}.byob-tab-btn.is-active{background:var(--byob-dark-brown);border-color:var(--byob-dark-brown);color:#fff}.byob-tab-panel{display:none}.byob-tab-panel.is-active{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.chikki-card{border:1px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:1rem;background:var(--byob-card-bg);display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:var(--byob-transition)}.chikki-card:hover{border-color:var(--byob-dark-brown)}.chikki-card img{width:100%;height:130px;object-fit:cover;border-radius:8px;margin-bottom:.8rem}.chikki-card h4{font-size:1.2rem;font-weight:700;margin:.4rem 0;line-height:1.4;height:3.4rem;overflow:hidden}.chikki-card .price{font-weight:700;margin-bottom:.8rem;font-size:1.3rem}.chikki-qty-selector{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--byob-border-color);border-radius:30px;overflow:hidden;max-width:120px;margin:0 auto;background:var(--byob-cream-bg)}.chikki-qty-btn{background:none;border:none;width:32px;height:32px;font-size:1.4rem;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:var(--byob-transition)}.chikki-qty-btn:not(:disabled):hover{background:#ff6b000d}.chikki-qty-btn:disabled{opacity:.3;cursor:not-allowed}.chikki-qty-val{font-weight:700;font-size:1.4rem}.chikki-qty-selector.has-qty{border-color:var(--byob-orange)}.chikki-qty-selector.has-qty .chikki-qty-val{color:var(--byob-orange)}@media(max-width:768px){.byob-tabs-nav{gap:.5rem;margin-bottom:1.2rem}.byob-tab-btn{padding:.5rem 1rem;font-size:1.1rem}.byob-tab-panel.is-active{grid-template-columns:repeat(2,1fr);gap:1rem}.chikki-card{padding:.8rem}.chikki-card img{height:100px}.chikki-card h4{font-size:1.1rem;height:3rem}.chikki-card .price{font-size:1.1rem;margin-bottom:.6rem}}.byob-personalization-rows{background:var(--byob-card-bg);border:2px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:2.5rem;margin-bottom:4rem;display:flex;flex-direction:column;gap:2.5rem}.byob-personalization-row{display:flex;flex-direction:column;gap:1.2rem}.byob-personalization-row-title{font-size:1.6rem;font-weight:700;margin:0;color:var(--byob-dark-brown)}.byob-occasion-pills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.byob-occasion-btn{background:var(--byob-card-bg);border:1.5px solid var(--byob-border-color);border-radius:8px;padding:.8rem 1.5rem;display:flex;align-items:center;gap:1rem;justify-content:flex-start;cursor:pointer;transition:var(--byob-transition);font-weight:700;font-family:inherit;color:var(--byob-dark-brown)}.byob-occasion-btn svg{width:18px;height:18px;fill:var(--byob-dark-brown);transition:var(--byob-transition)}.byob-occasion-btn span{font-size:1.2rem}.byob-occasion-btn:hover{border-color:var(--byob-dark-brown)}.byob-occasion-btn.is-selected{border-color:var(--byob-orange);color:var(--byob-orange);background:#ff6b0005}.byob-occasion-btn.is-selected svg{fill:var(--byob-orange)}.byob-card-flex-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:600px){.byob-card-flex-row{grid-template-columns:repeat(4,1fr)}}.byob-card-choice{border:1.5px solid var(--byob-border-color);border-radius:8px;background:var(--byob-card-bg);padding:1rem;text-align:center;cursor:pointer;transition:var(--byob-transition);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.byob-card-choice:hover{border-color:var(--byob-dark-brown)}.byob-card-choice.is-selected{border-color:var(--byob-orange);background:#ff6b0005}.byob-card-thumbnail{width:100%;height:130px;background:var(--byob-cream-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.8rem;border:1px solid rgba(59,36,24,.05)}.byob-card-thumbnail img{width:100%;height:100%;object-fit:cover}.byob-card-choice h5{font-size:1.1rem;font-weight:700;margin:0 0 .3rem}.byob-card-price{font-size:1.1rem;font-weight:700;color:var(--byob-orange)}.byob-message-box-container{position:relative;width:100%}.byob-textarea-message{width:100%;padding:1.2rem;height:80px;border:1.5px solid var(--byob-border-color);border-radius:var(--byob-border-radius);background:var(--byob-card-bg);font-family:inherit;font-size:1.3rem;color:inherit;resize:none}.byob-textarea-message:focus{outline:none;border-color:var(--byob-orange)}.byob-char-counter{position:absolute;bottom:1rem;right:1.2rem;font-size:1.1rem;color:#3b241866}.byob-giftwrap-strip{display:flex;justify-content:space-between;align-items:center;background:var(--byob-card-bg);border:2px dashed var(--byob-border-color);border-radius:var(--byob-border-radius);padding:1rem 1.5rem;margin-top:.5rem}.byob-giftwrap-strip-left{display:flex;align-items:center;gap:1.2rem}.byob-giftwrap-strip-left input[type=checkbox]{width:20px;height:20px;accent-color:var(--byob-orange);cursor:pointer}.byob-giftwrap-strip-text label{font-size:1.4rem;font-weight:700;cursor:pointer;display:block}.byob-giftwrap-strip-text label span{color:var(--byob-orange)}.byob-giftwrap-strip-text p{font-size:1.1rem;color:#3b241899;margin:.2rem 0 0}.byob-giftwrap-strip-right{display:flex;align-items:center;justify-content:center}.byob-giftwrap-strip-right img{border-radius:4px;object-fit:cover;width:50px;height:auto}@media(max-width:768px){.byob-personalization-rows{padding:1.5rem;gap:1.8rem;margin-bottom:2rem}.byob-personalization-row-title{font-size:1.4rem}.byob-occasion-btn{padding:.6rem .8rem;gap:.6rem}.byob-occasion-btn span{font-size:1.1rem}.byob-card-choice{padding:.6rem}.byob-card-thumbnail{height:110px}.byob-giftwrap-strip{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.byob-giftwrap-strip-right{align-self:flex-end}}.byob-sidebar{background:var(--byob-card-bg);border:2px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:2rem;box-shadow:4px 4px #3b24180d;position:sticky;top:220px;z-index:1!important}.byob-sidebar h3{font-size:1.6rem;font-weight:700;margin:0 0 1.2rem;border-bottom:2px solid var(--byob-cream-bg);padding-bottom:.8rem}.byob-shake{animation:byobShakeAnimation .5s ease-in-out}@keyframes byobShakeAnimation{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.byob-summary-card{background:var(--byob-cream-bg);border:1.5px solid var(--byob-border-color);border-radius:var(--byob-border-radius);padding:1.5rem;margin-bottom:1.5rem}.byob-summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.byob-summary-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.byob-summary-card-details{flex-grow:1}.byob-summary-card-details span,.byob-summary-card-fraction span{line-height:1.2}.byob-capacity-meter-wrapper{margin-bottom:1.5rem}.byob-capacity-info{display:flex;justify-content:space-between;font-weight:700;font-size:1.3rem;margin-bottom:.6rem}.byob-capacity-segments{display:flex;gap:4px;height:12px;background:#fff;border-radius:6px;overflow:hidden;border:1.5px solid var(--byob-border-color);padding:2px}.byob-segment{flex-grow:1;flex-basis:0;min-width:5px;height:100%;background:#eadcc9;border-radius:2px;transition:var(--byob-transition)}.byob-segment.is-active{background:var(--byob-orange)!important}.byob-sidebar-items{max-height:240px;overflow-y:auto;margin-bottom:1.5rem;border-bottom:1px solid var(--byob-cream-bg)}.byob-sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:1.2rem}.byob-sidebar-row-left{display:flex;align-items:center;gap:.8rem}.byob-sidebar-row-left img{width:32px;height:32px;object-fit:cover;border-radius:4px}.byob-sidebar-row-qty{color:var(--byob-orange);font-weight:700}.byob-sidebar-row-remove{background:none;border:none;cursor:pointer;color:#d32f2f;padding:0}.byob-sidebar-row-remove svg{width:14px;height:14px;fill:currentColor}.byob-totals-breakdown{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;font-size:1.3rem}.byob-totals-line{display:flex;justify-content:space-between;color:#3b2418cc}.byob-totals-line.grand-total{border-top:2px solid var(--byob-cream-bg);padding-top:1rem;font-size:2rem;font-weight:700;color:var(--byob-orange)}.byob-checkout-cta{background:var(--byob-orange);color:#fff;border:2px solid var(--byob-dark-brown);width:100%;padding:1.2rem;font-size:1.5rem;font-weight:700;border-radius:var(--byob-border-radius);cursor:pointer;transition:var(--byob-transition);box-shadow:4px 4px 0 var(--byob-dark-brown);display:flex;align-items:center;justify-content:center;gap:1rem}.byob-checkout-cta:disabled{background:#e0e0e0;color:#888;border-color:#ccc;box-shadow:none;cursor:not-allowed}.byob-checkout-cta:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--byob-dark-brown)}.byob-secure-badge{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.1rem;color:#3b241880;margin-top:1rem}@media(max-width:989px){.byob-sidebar{position:static!important;margin-top:2rem;padding:1.5rem}}.byob-mobile-bar{display:none!important}.byob-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#3b2418bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999999!important;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;gap:1.5rem;color:#fff}.byob-overlay.is-visible{opacity:1;pointer-events:auto}.byob-overlay-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.25);border-radius:50%;border-top-color:#ff6b00;animation:byob-spin-loader .8s linear infinite}@keyframes byob-spin-loader{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/byob-builder.css.map */