@charset "UTF-8";.byob{--byob-green: #3f5244;--byob-green-dark: #2d4034;--byob-green-soft: #dfe7dc;--byob-ink: #1f2a22;--byob-muted: #6b746d;--byob-line: #e3e6e1;--byob-bg: #fff;--byob-radius: 10px;--byob-sticky-top: 0px;display:block;color:var(--byob-ink)}body:has(#shopify-section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) .byob{--byob-sticky-top: var(--byob-header-h, 0px)}.byob__hero{background:var(--byob-green);color:#fff;text-align:center;padding:56px 16px 40px}.byob__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;opacity:.9}.byob__heading{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:0 0 14px;color:#fff}.byob__subheading{max-width:460px;margin:0 auto 28px;font-size:15px;line-height:1.5;opacity:.95}.byob__subheading p{margin:0}.byob__tiers{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0 0 14px;padding:0}.byob__tier{background:#fff;color:var(--byob-ink);border-radius:6px;padding:14px 18px;min-width:150px;display:flex;flex-direction:column;gap:4px;transition:background .2s}.byob__tier.is-active{background:var(--byob-green-soft)}.byob__tier-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--byob-muted)}.byob__tier-value{font-size:26px;font-weight:700;margin-top:auto}.byob__cap-note{font-size:12px;opacity:.85;margin:0}.byob__body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;padding-top:0;padding-bottom:48px}.byob__main{min-width:0}.byob__toolbar{position:sticky;top:var(--byob-sticky-top);z-index:3;background:var(--byob-bg);transition:top .15s ease-out;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--byob-line)}.byob__tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.byob__tab{padding:16px 12px;font-weight:600;text-decoration:none;color:var(--byob-green-dark);border-bottom:2px solid transparent;white-space:nowrap}.byob__tab.is-active{border-bottom-color:var(--byob-green-dark)}.byob__search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--byob-line);padding:6px 4px;min-width:200px;color:var(--byob-muted)}.byob__search input{border:0;outline:0;background:none;font:inherit;width:100%}.byob__category{scroll-margin-top:70px;padding-top:20px}.byob__category+.byob__category{border-top:2px solid var(--byob-line);margin-top:24px}.byob__category-title{font-size:16px;margin:0 0 14px;color:var(--byob-green-dark)}.byob__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.byob__empty{padding:40px 0;text-align:center;color:var(--byob-muted)}.byob-card{border:1px solid var(--byob-line);border-radius:var(--byob-radius);padding:10px;display:flex;flex-direction:column;background:var(--byob-bg);transition:border-color .2s,box-shadow .2s}.byob-card.is-in-bundle{border-color:var(--byob-green);box-shadow:inset 0 0 0 1px var(--byob-green)}.byob-card__media{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.byob-card__img{width:100%;height:100%;object-fit:contain}.byob-card__info{display:flex;flex-direction:column;gap:10px;flex:1;padding-top:10px}.byob-card__title{font-size:15px;margin:0;padding-bottom:8px;border-bottom:1px solid var(--byob-line)}.byob-card__title a{color:inherit;text-decoration:none}.byob-card__options{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.byob-card__options legend{font-size:13px;color:var(--byob-muted);margin-bottom:6px;padding:0}.byob-pill{border:1px solid var(--byob-line);border-radius:999px;background:#fff;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;color:var(--byob-ink)}.byob-pill.is-selected{border-color:var(--byob-green-dark);background:var(--byob-green-dark);color:#fff}.byob-pill.is-in-bundle:not(.is-selected){border-color:var(--byob-green)}.byob-pill.is-in-bundle:after{content:" \2713"}.byob-pill.is-sold-out{text-decoration:line-through;opacity:.55}.byob-card__price{font-weight:700;margin:auto 0 0}.byob-card__add{min-width:0;padding:0 1rem}.byob__cta{padding:0 1.5rem}.byob__cta.is-loading{opacity:.6;pointer-events:none}.byob__tray{position:sticky;top:72px;margin-top:20px}.byob__tray-toggle{display:none}.byob__tray-inner{border:1px solid var(--byob-line);border-radius:var(--byob-radius);padding:20px;background:var(--byob-bg)}.byob__tray-head{display:flex;justify-content:space-between;align-items:center}.byob__tray-title{margin:0;font-size:24px;color:var(--byob-green-dark)}.byob__clear{border:0;background:#fdecea;color:#c0392b;border-radius:6px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}.byob__message{text-align:center;margin:16px 0 10px;font-size:15px}.byob__progress{height:6px;background:var(--byob-line);border-radius:99px;overflow:hidden}.byob__progress span{display:block;height:100%;width:0;background:var(--byob-green);transition:width .3s}.byob__slots{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.byob-slot{position:relative;aspect-ratio:1;border:1px dashed #9aa39c;border-radius:6px;background:#f3f4f2;display:flex;align-items:center;justify-content:center;color:var(--byob-muted);font-size:20px}.byob-slot.is-filled{border-style:solid;border-color:var(--byob-line);background:#fff}.byob-slot img{width:100%;height:100%;object-fit:contain;border-radius:6px}.byob-slot__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.byob-slot__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:0;background:var(--byob-ink);color:#fff;font-size:14px;line-height:1;cursor:pointer}.byob__totals{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px solid var(--byob-line);padding-top:14px}.byob__totals>div{display:flex;flex-direction:column}.byob__totals-label{font-size:13px;font-weight:700}.byob__compare{text-decoration:line-through;color:var(--byob-muted);font-size:13px}.byob__total{font-size:20px}.byob__saving{font-size:12px;color:var(--byob-green);font-weight:600}.byob__totals .byob__cta{width:auto;flex:0 0 55%}.byob__cta-total{display:none}.byob__error{color:#c0392b;font-size:13px;margin:10px 0 0}.byob__shipping_note{margin-top:12px;padding:8px 12px;border-radius:6px;background:var(--byob-green-soft);color:var(--byob-green-dark);font-size:12px;line-height:1.45;text-align:center}.byob__shipping_note p{margin:0}.byob__shipping_note p+p{margin-top:4px}.byob__shipping_note p:empty,.byob__shipping_note p:has(>br:only-child){display:none}.byob__shipping_note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.byob__shipping_note strong{font-weight:700}@media(max-width:989px){.byob__body{grid-template-columns:minmax(0,1fr);padding-bottom:100px}.byob__toolbar{flex-direction:column;align-items:stretch;gap:0}.byob__tab{padding:12px 10px;font-size:14px}.byob__search{min-width:0;margin:10px 0;padding:8px 14px;border:1px solid var(--byob-line);border-radius:999px;font-size:14px}.byob__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.byob-card{padding:8px}.byob__tiers{flex-wrap:nowrap;gap:8px}.byob__tier{min-width:0;flex:1 1 0;padding:10px 6px;align-items:center;text-align:center}.byob__tier-label{font-size:10px;letter-spacing:.04em;line-height:1.3}.byob__tier-value{font-size:20px;line-height:1.1}.byob__tray{position:fixed;left:0;right:0;bottom:0;top:auto;margin:0;z-index:20;background:var(--byob-bg);border-top:1px solid var(--byob-line);box-shadow:0 -4px 18px #00000014;padding-bottom:env(safe-area-inset-bottom)}.byob__tray-toggle{display:inline-flex;align-items:center;gap:6px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--byob-green-dark);color:#fff;border:0;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;line-height:1.2;cursor:pointer;z-index:1}.byob__tray-chevron{width:7px;height:7px;border-left:2px solid;border-top:2px solid;transform:translateY(2px) rotate(45deg);transition:transform .2s}.byob__tray.is-open .byob__tray-chevron{transform:translateY(-2px) rotate(225deg)}.byob__tray-inner{display:flex;flex-direction:column;border:0;border-radius:0;padding:18px 16px 16px;max-height:85vh;overflow-y:auto}.byob__totals{display:contents}.byob__message{order:1;margin:0 0 8px;font-size:14px}.byob__progress{order:2;margin-bottom:12px}.byob__tray-head{order:3;margin-bottom:4px}.byob__tray-title{font-size:18px}.byob__slots{order:4;margin:8px 0 12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.byob__totals>div{order:5;margin-bottom:10px}.byob__totals .byob__cta{order:6;width:100%;flex:none}.byob__shipping_note{order:7;flex-shrink:0;margin:10px 0 4px;padding:6px 10px}.byob__error{order:8}.byob__cta-total{display:inline}.byob__tray:not(.is-open) .byob__tray-head,.byob__tray:not(.is-open) .byob__slots,.byob__tray:not(.is-open) .byob__shipping_note,.byob__tray:not(.is-open) .byob__totals>div{display:none}}@media(max-width:480px){.byob__hero{padding:28px 12px 24px}.byob__subheading{font-size:14px;margin-bottom:18px}.byob__tiers{gap:6px}.byob__tier{padding:8px 4px}.byob__tier-label{font-size:9px;letter-spacing:.02em}.byob__tier-value{font-size:17px;white-space:nowrap}.byob__cap-note{font-size:11px;line-height:1.5}.byob__tab{padding:12px 8px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-byob-builder.css.map */