c4-product{display:block}.buy-rows{display:grid;gap:0;font-size:.9375rem}c4-product .product-form{gap:0}c4-product :is([data-option-field],[data-plan-field],.price-line){position:relative;border-top:1px solid var(--line)}c4-product [data-option-field]:has(>select:not([hidden])),c4-product .price-line{display:flex;align-items:center;min-height:48px;margin:0}c4-product :is([data-option-field],[data-plan-field])>label{position:absolute;left:0;top:0;z-index:1;display:flex;align-items:center;height:48px;font-size:inherit;font-weight:400;pointer-events:none}c4-product :is([data-option-field],[data-plan-field])>select{width:100%;height:48px;min-height:48px;padding:0 22px 0 40%;border:0;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.5 4.5 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E") no-repeat right center / 12px 12px;box-shadow:none;-webkit-appearance:none;appearance:none;font-size:inherit;text-align:right;text-align-last:right;cursor:pointer}c4-product :is([data-option-field],[data-plan-field])>select:focus-visible{outline:0}c4-product :is([data-option-field],[data-plan-field]):has(>select:focus-visible){outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}c4-product .product-form [data-plan-field]{display:block}c4-product .purchase-choices{display:flex;justify-content:flex-end;align-items:center;min-height:56px}c4-product .purchase-choices:before{content:attr(aria-label);margin-right:auto}.purchase-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:6px;background:var(--surface);isolation:isolate}.purchase-switch:before{content:"";position:absolute;inset:3px auto 3px 3px;z-index:-1;width:calc(50% - 3px);border-radius:4px;background:var(--ink);transition:transform .45s var(--nav-spring)}.purchase-switch:has([data-purchase-mode=subscribe][aria-pressed=true]):before{transform:translate(100%)}.purchase-switch:has(button[hidden]){grid-template-columns:1fr}.purchase-switch:has(button[hidden]):before{width:calc(100% - 6px);transform:none}c4-product .purchase-switch .button{min-height:34px;padding:0 16px;border:0;border-radius:4px;background:none;box-shadow:none;color:var(--ink);font-size:.875rem;font-weight:400;transition:color .18s var(--nav-ease)}c4-product .purchase-switch .button[aria-pressed=true]{color:var(--paper)}@media(prefers-reduced-motion:reduce){.purchase-switch:before{transition:none}}c4-product .purchase-choices+label{border-top:1px solid var(--line);width:100%}c4-product .purchase-choices:not([hidden])~select{border-top:1px solid var(--line)}c4-product .purchase-choices:not([hidden])~label{top:56px;border-top:0}c4-product [data-purchase-summary]{margin:-6px 0 0;padding:0 0 12px;font-size:.8125rem;text-align:right}c4-product .price-line{justify-content:flex-end;gap:.4em;border-bottom:1px solid var(--line);margin-bottom:0;font-size:inherit}c4-product .price-line:before{content:attr(data-price-label);margin-right:auto}c4-product form[data-product-form]>.form-error{margin:12px 0 0}c4-product>.buy-bar.buy-bar{position:sticky;top:calc(100vh - 60px - var(--preview-bar, 0px));top:calc(100dvh - 60px - var(--preview-bar, 0px));z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:12px}.buy-bar :is(.quantity-control,button[type=submit]){transition:background .45s var(--nav-ease),border-color .45s var(--nav-ease),box-shadow .45s var(--nav-ease)}@supports (backdrop-filter: blur(1px)){.buy-bar[data-floating] .quantity-control{border-color:transparent;background:var(--nav-light);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000f,inset 0 0 0 1px #ffffff80,0 8px 24px #00000014}.buy-bar[data-floating]>button[type=submit]:enabled{border-color:transparent;background:rgb(var(--glass-dark-tint) / .84);-webkit-backdrop-filter:blur(var(--glass-dark-blur)) saturate(var(--glass-dark-saturation));backdrop-filter:blur(var(--glass-dark-blur)) saturate(var(--glass-dark-saturation));box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0008,inset 0 0 0 1px #ffffff0d,0 8px 24px #00000024}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.buy-bar[data-floating] .quantity-control{background:var(--paper);border-color:var(--control-border);-webkit-backdrop-filter:none;backdrop-filter:none}.buy-bar[data-floating]>button[type=submit]:enabled{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}}.buy-bar .quantity-control{min-height:48px}.buy-bar .quantity-control :is(button,input){min-height:46px}.buy-bar>button[type=submit]{min-height:48px}.product-layout.page-section{padding-top:0}@media(min-width:800px){.product-layout.page-section{margin-top:-36px}}c4-product>.product-lead>:not(link,script)~:not(link,script){margin-top:1.5rem}c4-product>.product-lead>:is(.coffee-heading,h1)~.product-description{margin-top:2.5rem}.product-description .rte>:first-child{margin-top:0}.product-description .rte>:last-child{margin-bottom:0}.product-description [data-clamped]{max-height:17.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 3.5em),transparent);mask-image:linear-gradient(#000 calc(100% - 3.5em),transparent)}.product-description [data-description-toggle]{margin-top:10px;padding:0;border:0;background:none;color:var(--muted);font-size:var(--text-small);cursor:pointer}c4-product>.buy-bar+*{margin-top:4rem}c4-product>.coffee-facts{margin-bottom:1.5rem}c4-product:after{content:"";display:block;height:72px}.product-layout.page-section{padding-bottom:12px}c4-product>:is(.rte,.equipment-panel){margin-top:2rem}@media(min-width:800px){.product-gallery{position:sticky;top:calc(var(--nav-top) + var(--nav-control) + 12px + var(--announce, 0px))}.product-lead{display:flex;flex-direction:column;min-height:calc(100svh - 96px - var(--announce, 0px) - 72px - var(--preview-bar, 0px))}c4-product>.product-lead>.buy-rows.buy-rows{margin-top:auto;padding-top:2rem}.product-lead>.product-description:has([data-clamped]){flex:1 1 0;display:flex;flex-direction:column;min-height:0}.product-lead>.product-description [data-clamped]{flex:1 1 0;min-height:7.75em;max-height:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 3.5em),transparent);mask-image:linear-gradient(#000 calc(100% - 3.5em),transparent)}}c4-product form[data-variant-form]{gap:.75rem;padding-bottom:20px}.buy-bar>button[type=submit]{display:flex;justify-content:space-between;align-items:center;padding-inline:20px}.buy-bar>button[type=submit]:after{content:attr(data-total)}.buy-bar>button[type=submit]:is(:disabled,:not([data-total])){justify-content:center}.buy-bar>button[type=submit]:disabled:after{content:none}c4-product [data-option-field]>.product-swatches{width:100%;min-width:0;padding:0}c4-product .swatch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;column-gap:12px;min-height:48px}c4-product .swatch-title{margin-right:auto}c4-product .swatch-name{color:var(--muted);white-space:nowrap}c4-product .swatch-options{flex:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0;max-width:100%;margin-right:-4px}c4-product .swatch-options label{min-width:32px;min-height:44px;padding:0;border:0;border-radius:0}c4-product .swatch-options label:has(:checked){border:0;box-shadow:none}c4-product .swatch-chip{width:24px;height:24px;border:0;border-radius:3px;background:var(--swatch, var(--surface));box-shadow:inset 0 0 0 1px #0000001f;outline:1px solid transparent;outline-offset:3px;transition:outline-color .18s var(--nav-ease)}c4-product .swatch-chip[style*=--swatch-2]{background:linear-gradient(135deg,var(--swatch) 0 50%,var(--swatch-2) 50% 100%)}c4-product .swatch-chip img{border-radius:inherit}c4-product .swatch-options label:has(:checked) .swatch-chip{outline-color:var(--ink)}@media(hover:hover){c4-product .swatch-options label:hover .swatch-chip{outline-color:var(--control-border)}c4-product .swatch-options label:has(:checked):hover .swatch-chip{outline-color:var(--ink)}}c4-product .swatch-options label:has(:focus-visible){outline:2px solid var(--ink);outline-offset:-4px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/product-buy.css.map */