.byob{--byob-sidebar-width: 380px;--byob-gap: 3.2rem;--byob-card-gap: 1.6rem;--byob-progress-height: 6px;--byob-accent: #e93e34;--byob-accent-light: #fdecea}.byob__header{text-align:center;margin-bottom:4rem}.byob__header .section__subheading{margin-bottom:.8rem}.byob__subtitle{color:rgb(var(--color-foreground) / .65);margin-top:.8rem;font-size:1.6rem}.byob__layout{display:grid;grid-template-columns:1fr;gap:var(--byob-gap);align-items:start}@media(min-width:1024px){.byob__layout{grid-template-columns:1fr var(--byob-sidebar-width)}}.byob__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--byob-card-gap)}@media(min-width:750px){.byob__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.byob__grid{grid-template-columns:repeat(4,1fr)}}.byob__grid-heading{grid-column:1 / -1;font-size:2rem;font-weight:700;margin:0}.byob-card{position:relative;border-radius:var(--pcard-corner-radius, 10px);overflow:visible;background:rgb(var(--color-background));transition:box-shadow .2s ease}.byob-card:hover{box-shadow:0 4px 20px #00000014}.byob-card__image-wrap{position:relative;overflow:hidden;border-radius:var(--pcard-corner-radius, 10px) var(--pcard-corner-radius, 10px) 0 0}.byob-card__image-wrap img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.byob-card__badge{position:absolute;top:8px;left:8px;z-index:2}.byob-card__badge .f-badge{font-size:1.1rem}.byob-card__info{padding:1.2rem}.byob-card__title{font-family:PeaceCoffee,var(--font-heading-family)!important;letter-spacing:.05em!important;font-size:1.8rem;font-weight:600;margin:0 0 .2rem;line-height:1.3}.byob-card__title a{color:inherit;text-decoration:none}.byob-card__roast{font-size:1.2rem;color:rgb(var(--color-foreground) / .55);margin-bottom:.4rem}.byob-card__price{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.byob-card__price-main{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.byob-card__price-current{font-size:1.4rem;font-weight:700}.byob-card__price-compare{color:rgb(var(--color-foreground) / .45);font-weight:400}.byob-card__price-note{margin:.4rem 0 0;font-size:1.1rem;font-weight:500;color:var(--byob-accent)}.byob-card__control-group{margin-bottom:1rem}.byob-card__frequency{display:none!important}.byob-card__control-label{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-foreground) / .75)}.byob-card__dropdown{position:relative;--byob-dropdown-font-size: 1.2rem}.byob-card__dropdown.is-disabled{opacity:.55}.byob-card__dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius, 5px);background:rgb(var(--color-background));color:#000;cursor:pointer;text-align:left;letter-spacing:.1em;font-family:GT-Walsheim,var(--font-body-family);font-weight:500;font-size:var(--byob-dropdown-font-size);text-transform:capitalize!important}.byob-card__dropdown-trigger:disabled{cursor:not-allowed}.byob-card__dropdown-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.byob-card__dropdown.is-open .byob-card__dropdown-icon{transform:rotate(180deg)}.byob-card__dropdown-menu{position:absolute;z-index:15;top:calc(100% + .4rem);left:0;right:0;border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius, 5px);background:rgb(var(--color-background));box-shadow:0 10px 30px #0000001a;overflow:hidden}.byob-card__dropdown-option{width:100%;display:block;padding:.75rem 1rem;border:0;background:transparent;color:#000;text-align:left;font-size:var(--byob-dropdown-font-size);cursor:pointer;letter-spacing:.1em;font-family:GT-Walsheim,var(--font-body-family);font-weight:500;text-transform:capitalize!important}.byob-card__dropdown-option+.byob-card__dropdown-option{border-top:1px solid rgb(var(--color-border) / .6)}.byob-card__dropdown-option:hover{background:rgb(var(--color-secondary-background))}.byob-card__dropdown-option.is-selected{font-weight:700;color:var(--byob-accent)}.byob-card__dropdown-option.is-disabled{opacity:.45;cursor:not-allowed}.byob-card__add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.6rem;border:1.5px solid rgb(var(--color-foreground));border-radius:var(--buttons-radius, 5px);background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}.byob-card__add-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.byob-card__add-btn[disabled]{opacity:.4;cursor:not-allowed}.byob-card__add-btn--added{background:#ffb400;border-color:#000;color:#000;pointer-events:none}.byob-card__add-btn--added:hover{background:var(--byob-accent);color:#000}.byob__sidebar{position:sticky;top:calc(var(--header-height, 80px) + 2rem);border:1px solid rgb(var(--color-border));border-radius:var(--blocks-radius, 10px);background:rgb(var(--color-background));padding:2.4rem;max-height:calc(100vh - var(--header-height, 80px) - 4rem);overflow-y:auto}.byob__sidebar-title{font-size:2rem;font-weight:700;line-height:normal}.byob__sidebar-count{font-size:1.3rem;color:rgb(var(--color-foreground) / .55);margin-bottom:2rem}.byob__tiers{margin-bottom:2.4rem}.byob__tier-labels{display:flex;gap:.8rem;flex-wrap:wrap}.byob__tier-label{display:inline-flex;align-items:center;gap:.4rem;font-size:1.2rem;padding:.3rem .8rem;border-radius:100px;border:1px solid rgb(var(--color-border));color:rgb(var(--color-foreground) / .65);transition:all .3s ease;white-space:nowrap}.byob__tier-label--active{background:var(--byob-accent-light);border-color:var(--byob-accent);color:var(--byob-accent);font-weight:600}.byob__tier-label--completed{background:var(--byob-accent);border-color:var(--byob-accent);color:#fff}.byob__tier-check{width:14px;height:14px}.byob__tier-nudge{font-size:1.3rem;color:var(--byob-accent);font-weight:600;margin-top:1rem}.byob__items{list-style:none;margin:0;padding:0}.byob__item{display:flex;gap:1.2rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid rgb(var(--color-border) / .4);animation:byobSlideIn .25s ease}@keyframes byobSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.byob__item:last-child{border-bottom:0}.byob__item-image{width:56px;height:56px;border-radius:var(--small-blocks-radius, 5px);overflow:hidden;flex-shrink:0;background:rgb(var(--color-secondary-background))}.byob__item-image img{width:100%;height:100%;object-fit:cover}.byob__item-details{flex:1;min-width:0}.byob__item-title{font-size:1.3rem;font-weight:600;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.byob__item-variant{font-size:1.1rem;color:rgb(var(--color-foreground) / .55);line-height:1.5rem}.byob__item-price{font-size:1.3rem;font-weight:600;white-space:nowrap}.byob__qty{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.byob__qty-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgb(var(--color-border));border-radius:50%;background:transparent;cursor:pointer;font-size:1.4rem;color:rgb(var(--color-foreground));transition:background .15s ease;padding:0;line-height:1}.byob__qty-btn:hover{background:rgb(var(--color-secondary-background))}.byob__qty-val{font-size:1.3rem;font-weight:600;min-width:20px;text-align:center}.byob__item-remove{background:none;border:none;cursor:pointer;padding:4px;color:rgb(var(--color-foreground) / .4);transition:color .15s ease;flex-shrink:0}.byob__item-remove:hover{color:rgb(var(--color-foreground))}.byob__item-remove svg{width:16px;height:16px}.byob__empty{text-align:center;padding:3.2rem 1.6rem;color:rgb(var(--color-foreground) / .45)}.byob__empty-icon{font-size:3.2rem;margin-bottom:.8rem}.byob__empty p{margin:0;font-size:1.4rem}.byob__totals{border-top:1px solid rgb(var(--color-border));margin-top:1.6rem;padding-top:1.6rem}.byob__totals-row{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;margin-bottom:.6rem}.byob__totals-row--discount{color:var(--byob-accent);font-weight:600}.byob__totals-row--total{font-size:1.8rem;font-weight:700;margin-bottom:0;margin-top:.4rem}.byob__totals-row s{color:rgb(var(--color-foreground) / .45);font-weight:400}.byob__checkout-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;margin-top:1.6rem;padding:1.4rem 2rem;border:none;border-radius:var(--buttons-radius, 5px);background:#ffb400;color:rgb(var(--color-button-label));font-size:1.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.byob__checkout-btn:hover{opacity:.88}.byob__checkout-btn[disabled]{opacity:.45;cursor:not-allowed}.byob__checkout-btn .loading__spinner{display:none}.byob__checkout-btn.is-loading .loading__spinner{display:block}.byob__checkout-btn.is-loading span:not(.loading__spinner){visibility:hidden}.byob__discount-note{font-size:1.2rem;color:rgb(var(--color-foreground) / .5);text-align:center;margin-top:1.2rem;line-height:1.5}.byob__mobile-bar{display:none}@media(max-width:1023px){.byob__sidebar{display:none}.byob__mobile-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgb(var(--color-background));border-top:1px solid rgb(var(--color-border));box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease}.byob__mobile-bar-summary{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;cursor:pointer}.byob__mobile-bar-left{display:flex;align-items:center;gap:1rem}.byob__mobile-bar-count{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--byob-accent);color:#fff;font-size:1.3rem;font-weight:700}.byob__mobile-bar-text{font-size:1.4rem;font-weight:600}.byob__mobile-bar-price{font-size:1.6rem;font-weight:700}.byob__mobile-bar-chevron{transition:transform .3s ease}.byob__mobile-bar.is-expanded .byob__mobile-bar-chevron{transform:rotate(180deg)}.byob__mobile-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.byob__mobile-bar.is-expanded .byob__mobile-panel{max-height:70vh;overflow-y:auto}.byob__mobile-panel-inner{padding:0 2rem 2rem}.byob__mobile-checkout{padding:0 2rem 1.6rem}.byob{padding-bottom:8rem}}.byob-card--sold-out .byob-card__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background) / .5)}
/*# sourceMappingURL=/cdn/shop/t/118/assets/section-build-your-bundle.css.map */