@media(max-width:767.98px){body.template-suffix-coffee-brew-guide .overlay-text__inner{padding-left:clamp(20px,7vw,56px);padding-right:clamp(20px,7vw,56px);padding-bottom:clamp(16px,5vw,40px)}}.cbg__name,.cbg__tab,.cbg__stat-lbl,.cbg__eyebrow,.cbg__extra-sum{font-family:AkkuratBold!important}.cbg{padding:var(--cbg-pt) 20px var(--cbg-pb)}.cbg *,.cbg *:before,.cbg *:after{box-sizing:border-box}.cbg__container{max-width:1200px;margin:0 auto;container-type:inline-size;container-name:cbg}.cbg__heading{font-family:AkkuratBold!important;font-size:32px;line-height:1.15;color:var(--cbg-heading);margin:0 0 8px}.cbg__subtext{font-size:16px;line-height:1.4;color:var(--cbg-text);margin:0 0 21px}.cbg__stage{position:relative}.cbg__tabs{position:absolute;top:16px;left:16px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(45% - 32px)}.cbg__tab{flex-shrink:0;padding:8px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:transparent;font-size:14px;color:#fff;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cbg__tab:hover,.cbg__tab.is-active{background:#fff;border-color:#fff;color:#4a4038}.cbg__select{display:none;appearance:none;-webkit-appearance:none;width:auto;max-width:calc(100% - 32px);padding:9px 40px 9px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;margin-bottom:16px}.cbg__select:hover,.cbg__select:focus{background-color:#fff;border-color:#fff;color:#4a4038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%234a4038' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cbg__select:focus-visible{outline:2px solid #fff;outline-offset:2px}.cbg--tabs-above .cbg__tabs{position:static;max-width:none;margin-bottom:24px}.cbg--tabs-above .cbg__tab{border-color:var(--cbg-accent);color:var(--cbg-accent)}.cbg--tabs-above .cbg__tab:hover,.cbg--tabs-above .cbg__tab.is-active{background:var(--cbg-accent);border-color:var(--cbg-accent);color:#fff}.cbg__select-label{display:none}.cbg__panel{display:none;background:var(--cbg-card-bg);border-radius:16px;overflow:hidden}.cbg__panel.is-active{display:grid;grid-template-columns:45% 1fr}.cbg__media{position:relative;min-width:0;min-height:420px}.cbg__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.cbg__img--placeholder{min-height:320px;background:#e6ddd3}.cbg__detail{padding:32px 36px;overflow-wrap:break-word;min-width:0}.cbg__name{font-size:26px;color:var(--cbg-heading);margin:0 0 8px}.cbg__name-sub{font-size:16px;line-height:1.4;color:var(--cbg-text);margin:-4px 0 16px}.cbg__desc{line-height:1.55;color:var(--cbg-text);margin:0 0 20px}.cbg__desc p{margin:0}.cbg__stats{display:flex;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:20px}.cbg__stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:22px 16px;border-right:1px solid rgba(0,0,0,.12)}.cbg__stat:last-child{border-right:0}.cbg__stat-lbl{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--cbg-accent)}.cbg__stat-num{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:1.1;color:var(--cbg-text)}.cbg__eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbg-accent);margin:0 0 10px}.cbg__block{margin-bottom:20px}.cbg__need-list ul{columns:3;column-gap:var(--cbg-need-gap, 32px);margin:0;padding:0 0 0 18px;font-size:16px;line-height:1.6;color:var(--cbg-text)}.cbg__need-list li{margin-bottom:8px}.cbg__need-list li:last-child{margin-bottom:0}.cbg__need-list li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}.cbg__need-list p{margin:16px 0 0;font-size:16px;line-height:1.6;color:var(--cbg-text)}.cbg__need-list a,.cbg__desc a,.cbg__steps-note a,.cbg__extra-body a{color:var(--cbg-text);text-decoration:underline}.cbg__ol--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}.cbg__ol{counter-reset:step}.cbg__ol ol{list-style:none!important;counter-reset:none;margin:0;padding:0}.cbg__ol li::marker{content:""}.cbg__ol li{counter-increment:step;position:relative;padding-left:30px;margin-bottom:12px;font-size:16px;line-height:1.5;color:var(--cbg-text);list-style:none!important}.cbg__ol li:before{content:counter(step);position:absolute;left:0;top:0;margin-top:3px;width:20px;height:20px;border:1px solid var(--cbg-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--cbg-accent)}.cbg__steps-note{font-size:16px;line-height:1.6;color:var(--cbg-text)}.cbg__steps-note p{margin:0 0 10px}.cbg__steps-note p:last-child{margin-bottom:0}.cbg__extra{margin-top:4px;border-top:1px solid rgba(0,0,0,.12);padding-top:14px}.cbg__extra-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbg-accent)}.cbg__extra-sum::-webkit-details-marker{display:none}.cbg__extra-sum:after{content:"+";font-size:18px;line-height:1}.cbg__extra[open] .cbg__extra-sum:after{content:"\2013"}.cbg__extra-body{padding-top:12px;font-size:16px;line-height:1.55;color:var(--cbg-text)}.cbg__extra-body p{margin:0 0 10px}.cbg__extra-body p:last-child{margin-bottom:0}.cbg__extra-body ul{margin:0 0 10px;padding-left:18px}@container cbg (max-width: 900px){.cbg__ol--split{display:block}.cbg__block{margin-bottom:12px}}@container cbg (max-width: 800px){.cbg__panel.is-active{grid-template-columns:1fr}.cbg__media{aspect-ratio:1 / 1;min-height:0}.cbg__detail{padding:24px 20px}.cbg__tabs{display:none}.cbg__select{display:inline-block;position:absolute;top:16px;left:16px;z-index:2;margin-bottom:0}.cbg--tabs-above .cbg__select-label{display:block;font-family:AkkuratBold!important;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbg-accent);margin:0 0 8px}.cbg--tabs-above .cbg__select{position:static;width:100%;max-width:100%;margin-bottom:24px;border-color:var(--cbg-accent);color:var(--cbg-accent)}.cbg--tabs-above .cbg__select:hover,.cbg--tabs-above .cbg__select:focus{background-color:var(--cbg-accent);border-color:var(--cbg-accent);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cbg--tabs-above .cbg__select:focus-visible{outline-color:var(--cbg-accent)}.cbg__need-list ul{columns:1}}@container cbg (max-width: 480px){.cbg__stat{padding:16px 8px}.cbg__stat-lbl{font-size:12px;letter-spacing:.1em}.cbg__detail{padding:20px 16px}.cbg__stats:has(.cbg__stat:nth-child(4)){display:grid;grid-template-columns:1fr 1fr}.cbg__stats:has(.cbg__stat:nth-child(4)) .cbg__stat{border-right:0}.cbg__stats:has(.cbg__stat:nth-child(4)) .cbg__stat:nth-child(odd){border-right:1px solid rgba(0,0,0,.12)}.cbg__stats:has(.cbg__stat:nth-child(4)) .cbg__stat:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.12)}}@media(max-width:420px){.cbg{padding-left:14px;padding-right:14px}}body.template-suffix-coffee-brew-guide .fcc-title{font-size:32px}body.template-suffix-coffee-brew-guide .fcc-eyebrow{font-size:14px}body.template-suffix-coffee-brew-guide #content .collapsible-tabs__heading{font-size:32px}@media(max-width:767.98px){.cbg__heading,body.template-suffix-coffee-brew-guide .fcc-title{font-size:24px}.cbg__name{font-size:20px}.cbg__stat-lbl{font-size:12px}body.template-suffix-coffee-brew-guide #content .collapsible-tabs__heading{font-size:24px!important}body.template-suffix-coffee-brew-guide #content .collapsible-tabs__text,body.template-suffix-coffee-brew-guide #content .collapsible-tabs__text p,body.template-suffix-coffee-brew-guide #content .collapsible-tabs__text li,body.template-suffix-coffee-brew-guide #content .collapsible-tabs__text a{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/coffee-brew-guide.css.map */