.zbb{--zbb-border: #e7f3f4;--zbb-accent: #0b8493;--zbb-gap: 2rem;padding:var(--zbb-padding-top, 72px) 0 var(--zbb-padding-bottom, 72px);color:var(--color-foreground);font-family:var(--font-body--family)}.zbb__container{max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--page-margin, 16px)}@media(min-width:48rem){.zbb__container{padding:0 var(--page-margin, 40px)}}.zbb__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.zbb__error{margin:0;padding:1.5rem;border:2px solid var(--zbb-border)}.zbb__header{margin-block-end:3rem}.zbb__title{margin:0 0 .5rem;font-family:var(--font-heading--family);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:600;color:var(--color-foreground-heading)}.zbb__description{max-width:48rem;line-height:2}.zbb__description p{margin:0}.zbb__subtitle{margin:0 0 1.5rem;font-family:var(--font-heading--family);font-size:1.5rem;font-weight:600;text-transform:capitalize;color:var(--color-foreground-heading)}.zbb__sizes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:1.5rem}.zbb__sizes[hidden]{display:none}.zbb__sizes-label{flex-basis:100%;font-family:var(--font-accent--family);font-size:.875rem;text-transform:uppercase}.zbb__size{min-width:10rem;min-height:4rem;padding:.875rem 1.5rem;border:2px solid var(--zbb-border);background:transparent;color:var(--color-foreground);font:inherit;font-size:1rem;font-weight:500;cursor:pointer}.zbb__size[aria-pressed=true]{background:var(--zbb-border)}.zbb__layout{display:grid;gap:var(--zbb-gap);align-items:start}@media(min-width:64rem){.zbb__layout{grid-template-columns:minmax(0,1fr) 22rem}}.zbb__grid{display:grid;gap:var(--zbb-gap);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:48rem){.zbb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.zbb-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 1rem;border:1px solid var(--color-primary-button-border);border-radius:0;background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--font-accent--family);font-size:.875rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s}.zbb-button:not(:disabled):hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.zbb-button:disabled{cursor:not-allowed;opacity:.5}.zbb .zbb-button:focus-visible,.zbb button:focus-visible,.zbb select:focus-visible,.zbb a:focus-visible{outline:2px solid var(--zbb-accent);outline-offset:3px}.zbb-card{display:flex;flex-direction:column;gap:.5rem;min-width:0}.zbb-card__media{aspect-ratio:4 / 5;background:#fbfbfb;overflow:hidden}.zbb-card__media img{display:block;width:100%;height:100%;object-fit:cover}.zbb-card__body{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem;padding-block-start:.75rem}.zbb-card__title{flex:1 1 0;min-width:0;margin:0;font-family:var(--font-heading--family);font-size:1.0625rem;font-weight:600;line-height:1.25}.zbb-card__link{color:inherit;text-decoration:none}.zbb-card__roast{order:3;flex-basis:100%;margin:0;font-family:var(--font-subheading--family);font-size:.8125rem;line-height:normal;text-transform:uppercase}.zbb-card__prices{order:4;flex:0 0 100%;display:flex;align-items:baseline;gap:.5rem;margin:0;font-family:var(--font-accent--family);font-size:1rem;font-weight:500;line-height:1.4}.zbb-card__compare:empty{display:none}.zbb-card__compare{color:var(--color-foreground-muted)}.zbb-card__select,.zbb-box__select{width:100%;height:48px;padding:0 2.5rem 0 1rem;border:1px solid var(--zbb-accent);border-radius:0;background-color:#fff;color:var(--color-foreground);font:inherit;font-size:.875rem;text-align:left;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%230b8493' stroke-width='1.5'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.zbb-card__actions{margin-block-start:.25rem}.zbb-stepper{display:flex;align-items:stretch;height:48px;border:1px solid var(--zbb-accent);background:#fff}.zbb-card__actions .zbb-stepper{width:100%}.zbb-stepper__button{flex:none;width:48px;padding:0;border:0;background:transparent;color:var(--color-foreground);font-size:1.25rem;cursor:pointer}.zbb-stepper__button:disabled{opacity:.35;cursor:not-allowed}.zbb-stepper__qty{flex:1;display:flex;align-items:center;justify-content:center;min-width:2.5rem;font-family:var(--font-heading--family)}.zbb-box{background:#fff;border:2px solid var(--zbb-border)}@media(min-width:64rem){.zbb-box{position:sticky;top:calc(var(--header-height, 80px) + 1.5rem);padding:1.5rem}.zbb-box__toggle{display:none}}.zbb-box__title{margin:0 0 .25rem;font-family:var(--font-heading--family);font-size:1.25rem;font-weight:600;text-transform:capitalize;color:var(--color-foreground-heading)}.zbb-box__status{margin:0 0 .75rem;font-family:var(--font-accent--family);font-size:.875rem;text-transform:uppercase}.zbb-box__progress{height:.5rem;background:var(--zbb-border)}.zbb-box__bar{display:block;height:100%;background:var(--zbb-accent);transition:width .25s ease}.zbb-box__marks{display:flex;justify-content:space-between;margin-block-start:.25rem;font-size:.75rem;color:var(--color-foreground-muted)}.zbb-box__items{display:grid;gap:1rem;margin:1.25rem 0;padding:0;list-style:none}.zbb-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"image info remove" "image stepper stepper";gap:.25rem .75rem;align-items:start}.zbb-item--empty{display:block;color:var(--color-foreground-muted);font-size:.875rem}.zbb-item__image{grid-area:image;width:56px;height:70px;object-fit:cover;background:#fbfbfb}.zbb-item__info{grid-area:info;min-width:0}.zbb-item__title,.zbb-item__variant{margin:0}.zbb-item__title{font-family:var(--font-heading--family);font-weight:600;line-height:1.25}.zbb-item__variant{font-size:.8125rem;color:var(--color-foreground-muted)}.zbb-item .zbb-stepper{grid-area:stepper;width:8.5rem;height:36px}.zbb-item .zbb-stepper__button{width:36px;font-size:1.125rem}.zbb-item__remove{grid-area:remove;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:var(--color-foreground);font-size:1.375rem;line-height:1;cursor:pointer}.zbb-box__frequency{margin-block-start:1rem}.zbb-box__frequency:empty{display:none}.zbb-box__frequency-label{margin:0 0 .25rem;font-family:var(--font-accent--family);font-size:1rem;font-weight:700;line-height:1.5;text-transform:uppercase;color:var(--color-foreground-heading)}.zbb-box__frequency-value{margin:0;line-height:1.5}.zbb-box__total{margin-block-start:1rem;padding-block-start:1rem;border-top:2px solid var(--zbb-border)}.zbb-box__total[hidden],.zbb-box__error[hidden]{display:none}.zbb-box__total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:1.125rem;color:var(--color-foreground-heading)}.zbb-box__total-prices{display:flex;align-items:baseline;gap:.5rem}.zbb-box__compare{font-size:.875rem;color:var(--color-foreground-muted)}.zbb-box__compare:empty,.zbb-box__saved:empty{display:none}.zbb-box__saved{margin:.25rem 0 0;font-size:.875rem;text-align:right}.zbb-box__error{margin:1rem 0 0;padding:.75rem 1rem;border:1px solid currentcolor;font-size:.875rem}.zbb-box__submit{height:clamp(4.6875rem,6.04vw,5.4375rem);margin-block-start:1.25rem;font-size:1.125rem}.zbb-box__submit:disabled{background:transparent;color:var(--color-foreground);border-color:var(--zbb-accent)}@media not all and (min-width:64rem){.zbb__layout{padding-block-end:5.5rem}.zbb-box{position:fixed;inset:auto 0 0;z-index:20;display:flex;flex-direction:column;max-height:85vh;padding:.75rem var(--page-margin, 16px);border-width:2px 0 0;box-shadow:0 -4px 20px #0028361f}.zbb-box__panel{display:none;min-height:0;padding-block:.5rem .25rem;overflow-y:auto}.zbb-box[data-open=true] .zbb-box__panel{display:block}.zbb-box__toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.25rem 0 .75rem;border:0;background:transparent;color:var(--color-foreground-heading);font-family:var(--font-accent--family);font-size:.875rem;text-transform:uppercase;cursor:pointer}.zbb-box__toggle-label{font-weight:700}.zbb-box__toggle-count{margin-inline-start:auto}.zbb-box__submit{height:3.5rem;margin-block-start:.75rem}}.zbb__skeleton{background:var(--zbb-border);animation:zbb-pulse 1.4s ease-in-out infinite}.zbb__skeleton--title{width:14rem;height:2.25rem;margin-block-end:1rem}.zbb__skeleton--text{width:min(32rem,100%);height:1.25rem;margin-block-end:3rem}.zbb__skeleton-grid{display:grid;gap:var(--zbb-gap);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:48rem){.zbb__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.zbb__skeleton--card{aspect-ratio:4 / 5}@keyframes zbb-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.zbb__skeleton{animation:none}.zbb-box__bar,.zbb-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/zuna-bundle.css.map */