:root{--byob-green: #176519;--byob-green-light: #e8f3e8;--byob-black: #000000;--byob-ink: #1a1a1a;--byob-muted: #6b6b76;--byob-border: #e5e5e8;--byob-bg: #ffffff;--byob-qty-bg: #ececef;--byob-radius: 14px;--byob-radius-sm: 8px;--byob-shadow: 0 4px 16px rgba(0,0,0,.06);--byob-shadow-hover: 0 8px 24px rgba(0,0,0,.1)}.byob-builder{max-width:1120px;margin:0 auto;padding:40px 20px 120px;font-family:inherit;box-sizing:border-box}.byob-builder *{box-sizing:border-box}.byob-builder__header{text-align:center;margin-bottom:28px}.byob-builder__heading{font-size:34px;font-weight:800;letter-spacing:-.01em;color:var(--byob-black);margin:0 0 14px}.byob-builder__subheading{display:inline-block;font-size:16px;font-weight:800;letter-spacing:.01em;color:var(--byob-green);background:var(--byob-green-light);border:1.5px solid var(--byob-green);padding:8px 20px;border-radius:999px;margin:0}@media(max-width:749px){.byob-builder__heading{font-size:24px;margin-bottom:10px}.byob-builder__subheading{font-size:13px;padding:7px 16px}}.byob-builder__admin-warning{background:#fff4e5;color:#92400e;border:1px solid #fcd9a4;border-radius:var(--byob-radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;text-align:center}.byob-builder__empty{text-align:center;color:var(--byob-muted);padding:40px 0;grid-column:1 / -1}.byob-builder__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:989px){.byob-builder__grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(max-width:749px){.byob-builder__grid{grid-template-columns:repeat(2,1fr);gap:10px}.byob-builder{padding:24px 12px 110px}.byob-builder__heading{font-size:21px}}.byob-card{background:var(--byob-bg);border:1.5px solid var(--byob-border);border-radius:var(--byob-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;box-shadow:var(--byob-shadow)}.byob-card:hover{box-shadow:var(--byob-shadow-hover)}.byob-card.is-selected{border-color:var(--byob-green);box-shadow:0 0 0 2px #17651924,var(--byob-shadow-hover)}.byob-card__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background:#f4f4f6;overflow:hidden}.byob-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.byob-card:hover .byob-card__image{transform:scale(1.04)}.byob-card__image--placeholder{padding:20%;opacity:.5}.byob-card__info{padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px;flex:1}.byob-card__title{font-size:13.5px;font-weight:700;color:var(--byob-ink);margin:0;line-height:1.35;min-height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:749px){.byob-card__title{font-size:12.5px}}.byob-card__add-btn{width:100%;height:38px;border:1.5px solid var(--byob-black);border-radius:999px;background:var(--byob-black);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease}.byob-card__add-btn:hover:not(:disabled){background:var(--byob-green);border-color:var(--byob-green)}.byob-card__add-btn:active:not(:disabled){transform:scale(.97)}.byob-card__add-btn:disabled{opacity:.4;cursor:not-allowed}.byob-card__add-btn[hidden],.byob-quantity-selector[hidden]{display:none!important}.byob-quantity-selector{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--byob-border);border-radius:999px;background:var(--byob-qty-bg);height:38px;width:100%;padding:0 14px;gap:6px}.byob-qty-btn{flex:0 0 auto;width:22px;height:100%;border-radius:0;border:none;background:transparent;color:var(--byob-black);font-size:17px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,color .15s ease}.byob-qty-btn span{pointer-events:none}.byob-qty-btn:hover:not(:disabled){color:var(--byob-green)}.byob-qty-btn:active:not(:disabled){transform:scale(.9)}.byob-qty-btn:disabled{opacity:.3;cursor:not-allowed}.byob-qty-count{flex:1;min-width:0;text-align:center;background:transparent;color:var(--byob-ink);font-size:12.5px;font-weight:700;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.byob-qty-count.is-pulsing{animation:byob-pulse .22s ease}@keyframes byob-pulse{0%{transform:scale(1)}50%{transform:scale(1.12);color:var(--byob-green)}to{transform:scale(1)}}.byob-sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1.5px solid var(--byob-border);box-shadow:0 -8px 24px #00000014;display:flex;align-items:center;gap:16px;padding:12px 20px}.byob-sticky-bar__preview{display:flex;align-items:center;flex-shrink:0}.byob-sticky-bar__preview-thumb{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 0 0 1px var(--byob-border);margin-left:-10px;background:#f4f4f6}.byob-sticky-bar__preview-thumb:first-child{margin-left:0}.byob-sticky-bar__preview-more{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--byob-black);color:#fff;font-size:11px;font-weight:700;border:2px solid #ffffff;box-shadow:0 0 0 1px var(--byob-border);margin-left:-10px;flex-shrink:0}.byob-sticky-bar__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.byob-sticky-bar__counter{font-size:15px;font-weight:800;color:var(--byob-black)}.byob-sticky-bar__counter.is-complete{color:var(--byob-green)}.byob-sticky-bar__counter-num{display:inline-block}.byob-sticky-bar__counter-num.is-pulsing{animation:byob-pulse .22s ease}.byob-sticky-bar__counter-sep{color:var(--byob-muted);margin:0 2px}.byob-sticky-bar__price{font-size:12.5px;color:var(--byob-muted);font-weight:600}.byob-sticky-bar__summary-toggle{background:none;border:none;padding:0;margin:2px 0 0;font-size:11.5px;font-weight:700;color:var(--byob-green);text-decoration:underline;cursor:pointer;text-align:left;width:fit-content}.byob-sticky-bar__summary-toggle:hover{opacity:.8}.byob-sticky-bar__action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.byob-sticky-bar__error{font-size:11.5px;color:#b3261e;margin:0;text-align:right}.byob-sticky-bar__cta{height:46px;min-width:168px;padding:0 22px;border:none;border-radius:999px;background:var(--byob-black);color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s ease,opacity .15s ease,transform .1s ease}.byob-sticky-bar__cta:disabled{opacity:.45;cursor:not-allowed}.byob-sticky-bar__cta:active:not(:disabled){transform:scale(.98)}.byob-sticky-bar__cta.is-ready{background:var(--byob-green)}.byob-sticky-bar__cta.is-ready:hover:not(:disabled){opacity:.92}.byob-sticky-bar__spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:byob-spin .7s linear infinite}@keyframes byob-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.byob-sticky-bar{padding:10px 14px;gap:10px}.byob-sticky-bar__preview{display:none}.byob-sticky-bar__counter{font-size:13.5px}.byob-sticky-bar__price{font-size:11px}.byob-sticky-bar__cta{height:42px;min-width:0;flex:1;padding:0 14px;font-size:13px}.byob-sticky-bar__action{flex:1;align-items:stretch}.byob-sticky-bar__error{text-align:left}}@media(max-width:480px){.byob-builder__grid{grid-template-columns:repeat(2,1fr);gap:8px}.byob-card__info{padding:10px 8px 12px;gap:8px}.byob-quantity-selector{height:34px;padding:0 10px}.byob-card__add-btn{height:34px}.byob-qty-btn{width:18px;font-size:15px}.byob-qty-count{font-size:11.5px}}.byob-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:997;opacity:0;pointer-events:none;transition:opacity .22s ease}.byob-summary-overlay.is-open{opacity:1;pointer-events:auto}.byob-summary-panel{position:fixed;left:0;right:0;bottom:0;z-index:998;background:#fff;border-top:1.5px solid var(--byob-border);box-shadow:0 -8px 24px #0000001a;border-radius:var(--byob-radius) var(--byob-radius) 0 0;max-height:min(60vh,420px);display:flex;flex-direction:column;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;padding-bottom:var(--byob-sticky-bar-h, 78px)}.byob-summary-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.byob-summary-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px;border-bottom:1px solid var(--byob-border);flex-shrink:0}.byob-summary-panel__title{font-size:15px;font-weight:800;color:var(--byob-black);margin:0}.byob-summary-panel__close{width:28px;height:28px;border-radius:50%;border:none;background:#f2f2f4;color:var(--byob-black);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.byob-summary-panel__close:hover{background:#e5e5e8}.byob-summary-panel__list{overflow-y:auto;padding:8px 20px 16px;display:flex;flex-direction:column;gap:10px}.byob-summary-row{display:flex;align-items:center;gap:10px}.byob-summary-row__thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f4f4f6}.byob-summary-row__name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--byob-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byob-summary-row__qty{flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--byob-green);background:var(--byob-green-light);padding:3px 10px;border-radius:999px}.byob-summary-panel__empty{padding:24px 20px;text-align:center;color:var(--byob-muted);font-size:13px}@media(max-width:749px){.byob-summary-panel{max-height:65vh}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/byob-builder.css.map */