.build-a-box{color:#1b1a1a;display:block}.build-a-box__layout{gap:32px;display:grid}@media screen and (width>=1024px){.build-a-box__layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.build-a-box__heading{letter-spacing:0;margin:0 0 28px;font-size:28px;line-height:32px}@media screen and (width>=768px){.build-a-box__heading{margin-block-end:40px;font-size:40px;line-height:1}}.build-a-box__grid{gap:45px 20px;display:grid}@media screen and (width>=640px){.build-a-box__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=768px){.build-a-box__grid{row-gap:40px}}@media screen and (width>=1280px){.build-a-box__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.build-a-box__error{font-family:var(--font-body-family);margin:0;font-size:16px}.box-card{flex-direction:column;gap:16px;min-width:0;display:flex;container-type:inline-size}.box-card__media{aspect-ratio:1;background-color:#f1efec;border-radius:8px;display:block;overflow:hidden}.box-card__image{object-fit:cover;width:100%;height:100%;display:block}.box-card__info{flex-direction:column;gap:8px;display:flex}.box-card__info .product-card__coffee,.box-card__info .box-card__price{margin-block-start:8px}.box-card__title{letter-spacing:0;margin:0;font-size:min(20px,7cqi);line-height:1.2}@media screen and (width>=1024px){.box-card__title{font-size:min(17px,7cqi)}}.box-card__title a{color:inherit;text-decoration:none}.box-card__price:empty{display:none}@media screen and (width>=1024px){@container (width<=280px){.box-card__price .product-card__price-amount{font-size:18px}.box-card__price .product-card__price-compare{font-size:13px}.box-card__price .product-card__price-label{font-size:11px}.box-card .box-card__label{margin-block-end:8px;font-size:12px;line-height:16px}}}.box-card__option{border:0;margin:0;padding:0}.box-card__label{font-family:var(--font-body-family);align-items:center;gap:4px;margin-block-end:10px;padding:0;font-size:14px;line-height:20px;display:flex}.box-card__label-name{color:#1b1a1ab3}.box-card__values{flex-wrap:wrap;gap:8px;display:flex}@media screen and (width>=1024px){.box-card__values{gap:4px}}.box-card__value{color:#1b1a1a;font-family:var(--font-body-family);cursor:pointer;background-color:#fff;border:1px solid #1b1a1a;border-radius:4px;padding:11px;font-size:14px;line-height:18px;transition:background-color .2s,color .2s}@media screen and (width>=1024px){.box-card__value{white-space:nowrap;padding:9px 5px;font-size:clamp(11px,5.88235cqi - 3.52941px,13px)}}.box-card__value[aria-pressed=true]{color:#f1efec;background-color:#1b1a1a}.box-card__value.is-unavailable:not([aria-pressed=true]){opacity:.2;background-color:#f1efec}@media screen and (pointer:fine){.box-card__value:not([aria-pressed=true]):hover{background-color:#f1efec}}.box-card__actions{margin-block-start:auto}.box-card__add{color:#fff;width:100%;height:50px;font-family:var(--font-heading-family);cursor:pointer;background-color:#a33b18;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.box-card__add:disabled{opacity:.4;cursor:not-allowed}@media screen and (pointer:fine){.box-card__add:not(:disabled):hover{background-color:#1b1a1a}}.box-card__add[hidden]{display:none}.box-card--placeholder{pointer-events:none}.box-card--placeholder .box-card__media{animation:1.4s ease-in-out infinite box-card-pulse}.box-card__placeholder-line{background-color:#f1efec;border-radius:4px;width:70%;height:20px;display:block}.box-card__placeholder-line--short{width:45%}@keyframes box-card-pulse{50%{opacity:.5}}.box-quantity{height:50px;font-family:var(--font-body-family);background-color:#f1efec;border-radius:4px;align-items:center;gap:16px;padding-inline:20px;font-size:14px;line-height:20px;display:flex}.box-quantity[hidden]{display:none}.box-card__quantity .box-quantity__value{flex:auto}.box-quantity__button{color:#1b1a1a;cursor:pointer;background-color:currentColor;border:0;flex:none;width:11px;height:20px;padding:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 6'%3E%3Cpath d='M.5.5l5 5 5-5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/11px 6px no-repeat}.box-quantity__button--plus{transform:rotate(180deg)}.box-quantity__button:disabled{opacity:.3;cursor:not-allowed}.build-a-box__panel{background-color:#fff;border:1px solid #f1efec;border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}@media screen and (width>=1024px){.build-a-box__panel{top:calc(var(--header-height,0px) + 20px);max-height:calc(100vh - var(--header-height,0px) - 40px);position:sticky;overflow-y:auto}}.build-a-box__panel[hidden],.build-a-box__toggle{display:none}.build-a-box__panel-inner{flex-direction:column;gap:16px;display:flex}.build-a-box__panel-title{letter-spacing:0;margin:0;font-size:32px;line-height:36px}.build-a-box__empty,.build-a-box__message,.build-a-box__note,.build-a-box__cart-error{font-family:var(--font-body-family);margin:0;font-size:12px;line-height:1.3}.build-a-box__empty[hidden],.build-a-box__message[hidden],.build-a-box__note[hidden],.build-a-box__cart-error[hidden]{display:none}.build-a-box__empty{font-size:14px}.build-a-box__cart-error{color:#a33b18}.build-a-box__items{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.build-a-box__items:empty{display:none}.box-item{border-block-end:1px solid #f1efec;align-items:center;gap:12px;padding-block-end:14px;display:flex}.box-item__image{object-fit:cover;border-radius:6px;flex:none;width:74px;height:74px}.box-item__text{min-width:0;font-family:var(--font-body-family);flex-direction:column;flex:auto;gap:2px;display:flex}.box-item__text p{margin:0}.box-item__title{font-size:16px;line-height:16px}.box-item__variant{color:#1b1a1ab3;font-size:12px;line-height:16px}.box-item__price{font-size:14px;line-height:20px}.box-item__quantity{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.box-item__remove{color:#1b1a1a;font-family:var(--font-body-family);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}@media screen and (pointer:fine){.box-item__remove:hover{text-decoration:underline}}.build-a-box__purchase{flex-direction:column;gap:12px;display:flex}.build-a-box__purchase[hidden]{display:none}.box-option{background-color:#fff;border:1px solid #f1efec;border-radius:4px;flex-direction:column;gap:12px;padding:24px;display:flex}.box-option.is-selected{background-color:#f1efec;padding-block-end:28px}.box-option:not(.is-selected) .box-option__benefits,.box-option:not(.is-selected) .box-option__select{display:none}.box-option__header{font-family:var(--font-body-family);cursor:pointer;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.box-option__radio{appearance:none;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:50%;flex:none;width:20px;height:20px;margin:0}.box-option__radio:checked{background:radial-gradient(circle,#a33b18 0 5px,#fff 5.5px);border-color:#a33b18}.box-option__radio:focus-visible{outline-offset:2px;outline:2px solid #1b1a1a}.box-option__price{font-family:var(--font-heading-family);white-space:nowrap;margin-inline-start:auto;font-size:16px;font-weight:500}.box-option__benefits{font-family:var(--font-body-family);background-color:#fff;border-radius:4px;flex-direction:column;gap:4px;margin:0;padding:12px;font-size:12px;list-style:none;display:flex}.box-option__benefits li{align-items:center;gap:4px;display:flex}.box-option__benefits li:before{content:"";background-color:#1b1a1a;flex:none;width:12px;height:12px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='none' stroke='%23000'/%3E%3Cpath d='M3.5 6.2l1.7 1.7L8.6 4.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.box-option__benefits p{margin:0}.box-option__select select{color:#1b1a1a;width:100%;height:50px;font-family:var(--font-body-family);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 6'%3E%3Cpath d='M.5.5l5 5 5-5' fill='none' stroke='%231b1a1a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 24px center/11px 6px no-repeat;border:1px solid #1b1a1a;border-radius:4px;padding:0 48px 0 24px;font-size:14px;line-height:20px}.build-a-box__summary{flex-direction:column;gap:16px;display:flex}.build-a-box__total{font-family:var(--font-heading-family);justify-content:space-between;margin:0;font-size:20px;font-weight:500;line-height:28px;display:flex}.build-a-box__submit{color:#fff;width:100%;height:50px;font-family:var(--font-heading-family);cursor:pointer;background-color:#a33b18;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.build-a-box__submit:disabled{color:#1b1a1a;cursor:not-allowed;background-color:#d9d9d9}@media screen and (pointer:fine){.build-a-box__submit:not(:disabled):hover{background-color:#1b1a1a}}@media screen and (width<=1023px){.build-a-box__panel{z-index:25;border:0;border-radius:0;gap:8px;max-height:85vh;padding:20px;transition:transform .3s;position:fixed;inset:auto 0 0;transform:translateY(110%);box-shadow:0 -4px 22px #00000026}.build-a-box__panel.is-in-view,.build-a-box__panel[data-expanded=true]{transform:none}.build-a-box__panel[data-expanded=true]{overflow-y:auto}.build-a-box__toggle{color:#1b1a1a;width:100%;font-family:var(--font-heading-family);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:18px;font-weight:600;line-height:24px;display:flex}.build-a-box__toggle-icon{width:11px;height:6px;transition:transform .2s}[data-expanded=true] .build-a-box__toggle-icon{transform:rotate(180deg)}.build-a-box__panel-title{display:none}.build-a-box__panel-body{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}[data-expanded=true] .build-a-box__panel-body{grid-template-rows:1fr}.build-a-box__panel-inner{min-height:0;padding-block:0;transition:padding-block .3s;overflow:hidden}[data-expanded=true] .build-a-box__panel-inner{padding-block:8px}.build-a-box__summary{gap:8px}.build-a-box__total{font-size:18px;line-height:24px}.build-a-box__panel:not([data-expanded=true]) .build-a-box__note{display:none}.build-a-box__main{padding-block-end:140px}}