cart-drawer.drawer.active{z-index:99998!important}body.byob-active .ct-buy_button>product-form,body.byob-active .ct-buy_button>.ct-quantity_button,body.byob-active .ct-buy_button>.shopify-payment-button{display:none!important}.byob-trigger-btn{display:block;width:calc(100% - 32px);max-width:400px;margin:12px auto 0;padding:16px 24px;font-family:var(--font-primary);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:50px;background:var(--custom-color, #616160);color:#fff;cursor:pointer;transition:opacity .2s,transform .15s}.byob-trigger-btn--inline{width:100%;max-width:none;margin:0;border-radius:5px}.byob-trigger-btn:hover{opacity:.9;transform:scale(1.01)}byob-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;font-family:var(--font-primary)}byob-drawer[open]{display:block}.byob-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .3s ease}.byob-drawer--active .byob-drawer__overlay{background:#0006}.byob-drawer__panel{position:absolute;bottom:0;left:0;right:0;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px #00000026}.byob-drawer--active .byob-drawer__panel{transform:translateY(0)}@media screen and (min-width:750px){.byob-drawer__panel{max-width:460px;right:0;left:auto;max-height:100vh;border-radius:0;top:0;bottom:0;transform:translate(100%)}.byob-drawer--active .byob-drawer__panel{transform:translate(0)}}.byob-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.byob-drawer__title{font-family:var(--font-primary);font-size:18px;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.04em;color:#333}.byob-drawer__subtitle{font-family:var(--font-primary);font-size:14px;font-weight:600;color:#888;margin:4px 0 0}.byob-drawer__close{background:none;border:none;padding:6px;cursor:pointer;color:#666;border-radius:50%;transition:background .2s;flex-shrink:0}.byob-drawer__close:hover{background:#f5f5f5}.byob-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0;-webkit-overflow-scrolling:touch}.byob-drawer__step{padding:0 20px}.byob-drawer__step+.byob-drawer__step{border-top:6px solid #f5f5f5}.byob-drawer__step-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;position:sticky;top:0;background:#fff;z-index:2}.byob-drawer__step-title{font-family:var(--font-primary);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#333}.byob-drawer__step-counter{font-family:var(--font-primary);font-size:14px;font-weight:700;color:#aaa;background:#f5f5f5;padding:5px 12px;border-radius:20px;transition:all .2s}.byob-drawer__step-counter--done{color:#fff;background:#2e7d32}.byob-drawer__rows{display:flex;flex-direction:column;padding-bottom:14px}.byob-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f5f5f5;border-left:4px solid var(--row-accent, #ddd);padding:12px 0 12px 14px;transition:background .15s}.byob-row:last-child{border-bottom:none}.byob-row--active{background:color-mix(in srgb,var(--row-accent, #ddd) 6%,transparent)}.byob-row__img{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f8f8f8}.byob-row__img img{width:100%;height:100%;object-fit:contain}.byob-row__info{flex:1;min-width:0;padding:0 12px}.byob-row__name{display:block;font-family:var(--font-primary);font-size:15px;font-weight:700;color:#555;line-height:1.3}.byob-row__price{font-family:var(--font-primary);font-size:14px;color:#888;font-weight:600}.byob-row__differential{display:none;font-family:var(--font-primary);font-size:11px;font-weight:700;color:#c56200;background:#fff3e0;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.byob-row__qty{display:flex;align-items:center;gap:0;flex-shrink:0;background:#f5f5f5;border-radius:8px;overflow:hidden}.byob-row__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#333;font-size:1rem;transition:background .15s,color .15s;-webkit-appearance:none;appearance:none;padding:0}.byob-row__btn:hover:not(:disabled){background:#e8e8e8}.byob-row__btn:disabled{color:#ccc;cursor:default}.byob-row__btn--minus{border-radius:8px 0 0 8px}.byob-row__btn--plus{border-radius:0 8px 8px 0}.byob-row__count{width:32px;text-align:center;font-family:var(--font-primary);font-size:16px;font-weight:800;color:#333;-webkit-user-select:none;user-select:none}.byob-drawer__footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #eee;background:#fff;flex-shrink:0;gap:12px}.byob-drawer__total{display:flex;flex-direction:column}.byob-drawer__total-label{font-family:var(--font-primary);font-size:13px;font-weight:600;color:#888}.byob-drawer__total-prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.byob-drawer__total-original{font-family:var(--font-primary);font-size:14px;font-weight:600;color:#aaa;text-decoration:line-through}.byob-drawer__total-discounted{font-family:var(--font-primary);font-size:18px;font-weight:800;color:#333}.byob-drawer__total-savings{font-family:var(--font-primary);font-size:12px;font-weight:700;color:#2e7d32}.byob-drawer__cta{padding:14px 28px;font-family:var(--font-primary);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:50px;background:var(--custom-color, #616160);color:#fff;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap;position:relative;flex-shrink:0}.byob-drawer__cta:disabled{opacity:.35;cursor:not-allowed}.byob-drawer__cta--ready:hover{transform:scale(1.02);opacity:.95}.byob-drawer__cta.loading>span:first-child{visibility:hidden}.byob-drawer__cta .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;width:20px;height:20px}.byob-drawer__cta .loading__spinner svg{width:20px;height:20px}.byob-drawer__cta.loading .loading__spinner{display:block}.byob-drawer__cta .loading__spinner.hidden{display:none!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.byob-drawer__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/byob-box-builder.css.map */