@charset "UTF-8";.bf-coffee{padding-block:clamp(56px,8vw,80px) clamp(80px,10vw,140px);background:var(--colors-green-500);color:var(--colors-yellow-100)}.bf-coffee__head{text-align:center;margin-bottom:0}.bf-coffee__eyebrow{color:var(--colors-yellow-100)}.bf-coffee__title{margin-top:8px;color:var(--colors-yellow-100);text-wrap:balance}.bf-coffee__tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(20px,5vw,80px);margin:48px 0;padding:0;list-style:none}.bf-coffee__tab-item{position:relative;--bf-tab-icon-outline: var(--colors-green-300);--bf-tab-icon-fill: var(--colors-green-500)}@media (min-width: 480px){.bf-coffee__tab-item{margin-right:64px}}.bf-coffee__tab-item:has(.is-active){--bf-tab-icon-outline: var(--colors-brown-700);--bf-tab-icon-fill: var(--colors-yellow-700)}.bf-coffee__tab{height:56px;padding:0 32px;border:0;cursor:pointer;background:var(--colors-green-300);color:var(--colors-green-700);font-family:var(--bf-font-display);font-weight:400;font-size:clamp(18px,1.8vw,24px);letter-spacing:var(--bf-tracking-wide);text-transform:uppercase;transition:background var(--bf-dur) var(--bf-ease),color var(--bf-dur) var(--bf-ease)}.bf-coffee__tab:hover{color:var(--colors-yellow-100)}.bf-coffee__tab.is-active{background:var(--colors-yellow-700);color:var(--colors-brown-700);box-shadow:0 0 0 2.5px var(--colors-brown-700);cursor:default}.bf-coffee__tab.is-active:hover{color:var(--colors-brown-700)}.bf-coffee__tab-icon{position:absolute;left:100%;top:50%;margin:-43px 0 0 -20px;pointer-events:none;z-index:1;display:none;visibility:hidden;opacity:0}@media (min-width: 480px){.bf-coffee__tab-icon{display:block;visibility:visible;opacity:1}}.bf-coffee__tab-icon .bf-coffee__tab-svg{display:block;width:auto;height:87px;transform-origin:center center;transition:transform var(--bf-dur) var(--bf-ease)}.bf-coffee__tab-item:hover:not(:has(.is-active)) .bf-coffee__tab-svg{transform:rotate(-15deg)}.bf-coffee__tab-item--ground .bf-coffee__tab-icon{margin-top:-50px}.bf-coffee__tab-item--ground .bf-coffee__tab-svg{height:99px}.bf-coffee__tab-item--cups .bf-coffee__tab-icon{margin-top:-43px}.bf-coffee__tab-item--cups .bf-coffee__tab-svg{height:86px}.bf-coffee__tab-item--accessories .bf-coffee__tab-icon{margin-top:-58px}.bf-coffee__tab-item--accessories .bf-coffee__tab-svg{height:108px}.bf-coffee__panel{position:relative;z-index:1}.bf-coffee__panel.is-hidden{display:none}.bf-coffee__panel.is-fading-out,.bf-coffee__panel.is-fading-in{pointer-events:none}.bf-coffee .bf-slider{--bf-slider-item-min: clamp(240px, 28vw, 310px)}.bf-card{display:flex;flex-direction:column;opacity:1;transform:translateY(0);transition:opacity .26s var(--bf-ease),transform .26s var(--bf-ease)}.bf-coffee__panel.is-fading-out .bf-card,.bf-coffee__panel.is-fading-in .bf-card{opacity:0;transform:translateY(12px)}.bf-coffee__panel.is-fading-out .bf-card:nth-child(1),.bf-coffee__panel.is-fading-in .bf-card:nth-child(1),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(1){transition-delay:0ms}.bf-coffee__panel.is-fading-out .bf-card:nth-child(2),.bf-coffee__panel.is-fading-in .bf-card:nth-child(2),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(2){transition-delay:40ms}.bf-coffee__panel.is-fading-out .bf-card:nth-child(3),.bf-coffee__panel.is-fading-in .bf-card:nth-child(3),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(3){transition-delay:80ms}.bf-coffee__panel.is-fading-out .bf-card:nth-child(4),.bf-coffee__panel.is-fading-in .bf-card:nth-child(4),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(4){transition-delay:.12s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(5),.bf-coffee__panel.is-fading-in .bf-card:nth-child(5),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(5){transition-delay:.16s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(6),.bf-coffee__panel.is-fading-in .bf-card:nth-child(6),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(6){transition-delay:.2s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(7),.bf-coffee__panel.is-fading-in .bf-card:nth-child(7),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(7){transition-delay:.24s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(8),.bf-coffee__panel.is-fading-in .bf-card:nth-child(8),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(8){transition-delay:.28s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(9),.bf-coffee__panel.is-fading-in .bf-card:nth-child(9),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(9){transition-delay:.32s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(10),.bf-coffee__panel.is-fading-in .bf-card:nth-child(10),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(10){transition-delay:.36s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(11),.bf-coffee__panel.is-fading-in .bf-card:nth-child(11),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(11){transition-delay:.4s}.bf-coffee__panel.is-fading-out .bf-card:nth-child(12),.bf-coffee__panel.is-fading-in .bf-card:nth-child(12),.bf-coffee__panel.is-fading-in-active .bf-card:nth-child(12){transition-delay:.44s}@media (prefers-reduced-motion: reduce){.bf-card{transition:none}}.bf-card__media{position:relative;display:block;aspect-ratio:1/1;background:var(--colors-yellow-100);overflow:hidden}.bf-card__media img,.bf-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.bf-card__intensity{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--colors-brown-500);width:calc(100% - 32px);justify-content:space-between}.bf-card__intensity-label{font-family:var(--bf-font-body);font-weight:700;font-size:1rem;line-height:1}.bf-card__roast{display:flex;gap:4px}.bf-card__roast .bf-bean{width:14px;height:auto}.bf-card__body{position:relative;margin-top:16px;padding:16px;background:var(--colors-yellow-100);color:var(--colors-brown-700);flex:1 1 auto}.bf-card__meta{margin:0;font-family:var(--bf-font-body);font-weight:600;font-size:1rem;color:var(--colors-brown-500)}.bf-card__title{margin:8px 0 0;font-family:var(--bf-font-display);font-weight:400;font-size:clamp(20px,1.8vw,24px);line-height:1.2;letter-spacing:var(--bf-tracking-wide);color:var(--colors-brown-700)}.bf-card__title a{color:var(--colors-brown-700);text-decoration:none}.bf-card__price{margin:8px 0 0;font-family:var(--bf-font-body);font-weight:700;font-size:clamp(16px,1.4vw,20px)}.bf-card__form{margin:0}.bf-card__add{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid currentColor;border-radius:50%;background:var(--colors-yellow-700);color:var(--colors-brown-700);cursor:pointer;transition:transform var(--bf-dur) var(--bf-ease)}.bf-card__add:hover{transform:scale(1.08)}.bf-card__add:disabled{opacity:.4;cursor:not-allowed}.bf-card__add svg{display:block;width:18px;height:16px}.bf-coffee__foot{margin-top:clamp(32px,5vw,48px);text-align:center}