.coffee-related{display:block;min-width:0;background:var(--coffee-related-bg);color:var(--color)}.coffee-related[hidden]{display:none}.coffee-related *{box-sizing:border-box}.coffee-related__content,.coffee-related__empty{width:min(100% - 48px,var(--coffee-related-max));margin-inline:auto;padding-block:var(--coffee-related-pt) var(--coffee-related-pb)}.coffee-related--full .coffee-related__content{width:100%;max-width:none}.coffee-related__heading{margin:0 0 40px;font-size:clamp(20px,2vw,28px);font-weight:500}.coffee-related__grid{display:grid;grid-template-columns:repeat(var(--coffee-related-cols),minmax(0,1fr));gap:var(--coffee-related-gap);min-width:0}.coffee-related product-card{display:block;min-width:0}.coffee-related product-card .media{display:block;aspect-ratio:var(--coffee-related-ratio);overflow:hidden;background:var(--coffee-related-card-bg)}.coffee-related product-card .media :is(a,x-grid,picture,img,video,svg){width:100%;height:100%}.coffee-related product-card .media img{display:block;object-fit:var(--coffee-related-fit)}.coffee-related product-card .meta{padding-top:12px;font-size:12px}.coffee-related product-card .title h2{margin:0;font-size:13px;line-height:1.2;text-transform:uppercase}.coffee-related product-card .subtitle,.coffee-related product-card .vendor,.coffee-related product-card .price{font-size:11px}.coffee-related__text{margin-top:24px}.coffee-related__cta{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;text-decoration:underline}.coffee-related__grid:focus-visible,.coffee-related :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (max-width:767px){.coffee-related__content,.coffee-related__empty{width:min(100% - 32px,var(--coffee-related-max));padding-block:clamp(48px,var(--coffee-related-pt),80px) clamp(56px,var(--coffee-related-pb),88px)}.coffee-related__heading{margin-bottom:24px}.coffee-related__grid{grid-template-columns:repeat(var(--coffee-related-mobile-cols),minmax(0,1fr))}.coffee-related__grid--mobile-scroll{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:8px}.coffee-related__grid--mobile-scroll product-card{flex:0 0:min(82vw,340px);scroll-snap-align:start}}@media (max-width:359px){.coffee-related__grid:not(.coffee-related__grid--mobile-scroll){grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.coffee-related product-card .media{background:var(--coffee-related-card-bg-dark)}}@media (prefers-reduced-motion:reduce){.coffee-related__grid{scroll-behavior:auto}}
@media (min-width:768px){.coffee-related__grid--scroll{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}.coffee-related__grid--scroll product-card{flex:0 0:calc((100% - (var(--coffee-related-cols) - 1)*var(--coffee-related-gap))/var(--coffee-related-cols));scroll-snap-align:start}}
.coffee-related[data-coffee-appearance=dark]{background:#151515;color:#f5f5f5}.coffee-related[data-coffee-appearance=dark] product-card .media{background:var(--coffee-related-card-bg-dark)}.coffee-related[data-coffee-appearance=light] product-card .media{background:var(--coffee-related-card-bg)}@media (prefers-color-scheme:dark){.coffee-related[data-coffee-appearance=auto]{background:#151515;color:#f5f5f5}}
.coffee-related__heading{font-size:var(--coffee-related-heading-size,16px);font-weight:400}