.home-comparison-coffee{position:relative;background:#fff;border-top:1.354px solid #AFD26D;overflow:hidden}.home-comparison-coffee__outer{display:flex;align-items:stretch;gap:80px;width:100%}.home-comparison-coffee__photo{flex:0 0 50%;align-self:stretch;overflow:hidden;position:relative}.home-comparison-coffee__photo img,.home-comparison-coffee__photo video,.home-comparison-coffee__photo>*{width:100%;height:100%;object-fit:cover;display:block}.home-comparison-coffee__content{--grid-gap: 8px;--col-features-w: 136px;--col-matcha-w: 172px;--col-extend: 40px;--cta-overlap: 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px 24px 20px 0;flex:1 1 0;min-width:0}.home-comparison-coffee__heading{margin:0;font-family:var(--font-heading-family);font-size:39px;font-weight:500;line-height:1.2;text-align:center;text-transform:capitalize;color:#1e4d1d;max-width:464px}.home-comparison-coffee__grid{--col-green-bg: linear-gradient(173.4deg, #DAEBC1 1%, #F8FFDD 104.5%);--col-green-border: #AFD26D;--col-pink-bg: linear-gradient(110.6deg, #FFE0F0 31.8%, #FFFDE8 80.7%);--col-pink-border: #FFB3D4;--col-feature-border: #339F31;position:relative;display:grid;grid-template-columns:var(--col-features-w) var(--col-matcha-w) var(--grid-gap) var(--col-matcha-w);align-items:stretch;gap:0;width:100%;max-width:calc(var(--col-features-w) + var(--col-matcha-w) * 2 + var(--grid-gap));padding-top:40px;padding-bottom:var(--col-extend)}.home-comparison-coffee__grid>div:empty{display:block}.home-comparison-coffee__feature-cell{grid-column:1}.home-comparison-coffee__cell--green{grid-column:2}.home-comparison-coffee__cell--pink{grid-column:4}.home-comparison-coffee__col-bg{position:absolute;top:40px;bottom:0;z-index:0;pointer-events:none}.home-comparison-coffee__col-bg--green{left:var(--col-features-w, 112px);width:var(--col-matcha-w, 172px);background:var(--col-green-bg);border:1.35px solid var(--col-green-border);border-radius:16px}.home-comparison-coffee__col-bg--pink{left:calc(var(--col-features-w, 112px) + var(--col-matcha-w, 172px) + var(--grid-gap, 8px));width:var(--col-matcha-w, 172px);background:var(--col-pink-bg);border:1.35px solid var(--col-pink-border);border-radius:16px}.home-comparison-coffee__feature-cell{position:relative;z-index:1;display:flex;align-items:center;min-height:76px;padding:10px 16px;font-family:var(--font-body-family);font-size:17px;font-weight:400;color:#1e4d1d;border-left:1.35px solid var(--col-feature-border, #339F31);border-right:none;border-top:1.35px solid var(--col-feature-border, #339F31);background:#fff}.home-comparison-coffee__feature-cell--first{border-top-left-radius:16px}.home-comparison-coffee__feature-cell--last{border-bottom:1.35px solid var(--col-feature-border, #339F31);border-bottom-left-radius:16px}.home-comparison-coffee__cell{position:relative;z-index:1;display:flex;min-height:76px;padding:14px 12px;font-family:var(--font-body-family);font-size:15px;line-height:1.3;color:#1e4d1d;background:transparent}.home-comparison-coffee__cell--value{border-top:1px solid rgba(30,77,29,.12)}.home-comparison-coffee__cell--head{align-items:flex-end;justify-content:center;padding:46px 12px 14px;font-weight:700;font-size:16px}.home-comparison-coffee__col-photo{position:absolute;top:-39px;left:50%;transform:translate(-50%);width:78px;height:78px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 6px #1e4d1d14;z-index:3}.home-comparison-coffee__col-photo img{width:100%;height:100%;object-fit:cover;display:block}.home-comparison-coffee__cell--value{align-items:center;gap:8px}.home-comparison-coffee__bullet{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.home-comparison-coffee__bullet svg{width:100%;height:100%;display:block}.home-comparison-coffee__cta-row{display:grid;grid-template-columns:var(--col-features-w, 112px) var(--col-matcha-w, 172px) var(--grid-gap, 8px) var(--col-matcha-w, 172px);gap:0;width:100%;max-width:calc(var(--col-features-w, 112px) + var(--col-matcha-w, 172px) * 2 + var(--grid-gap, 8px));margin-top:calc(-40px - var(--cta-overlap, 22px));position:relative;z-index:2}.home-comparison-coffee__cta-slot{display:flex;justify-content:center}.home-comparison-coffee__cta-slot--features{grid-column:1}.home-comparison-coffee__cta-slot--green{grid-column:2}.home-comparison-coffee__cta-slot--pink{grid-column:4}.home-comparison-coffee__cta{display:flex;align-items:center;justify-content:center;width:calc(100% - 20px);min-height:48px;padding:14px 18px;border-radius:16px;font-family:var(--font-heading-family);font-size:21px;font-weight:500;line-height:1.4;text-transform:uppercase;text-decoration:none;color:#fff;border:none;cursor:pointer;text-align:center;transition:opacity .2s ease}.home-comparison-coffee__cta:hover{opacity:.92}.home-comparison-coffee__cta--green{background:linear-gradient(83.79deg,#1e4d1d 31.27%,#339f31 58.09%,#93b84d 107.02%)}.home-comparison-coffee__cta--pink{background:linear-gradient(131deg,#d80984 22.6%,#ff49b5 67%)}@media screen and (max-width:989px){.home-comparison-coffee__outer{flex-direction:column;gap:0}.home-comparison-coffee__photo{display:none}.home-comparison-coffee__content{width:100%;padding:48px 16px;align-items:center;gap:40px}.home-comparison-coffee__heading{font-size:32px;line-height:1.2}.home-comparison-coffee__content{--col-features-w: 92px;--col-matcha-w: 120px;--grid-gap: 6px;--col-extend: 32px;--cta-overlap: 18px}.home-comparison-coffee__grid,.home-comparison-coffee__cta-row{grid-template-columns:var(--col-features-w) var(--col-matcha-w) var(--grid-gap) var(--col-matcha-w);max-width:calc(var(--col-features-w) + var(--col-matcha-w) * 2 + var(--grid-gap))}.home-comparison-coffee__feature-cell,.home-comparison-coffee__cell{font-size:13px;padding:10px 8px;min-height:64px}.home-comparison-coffee__cell--head{font-size:14px;padding:40px 8px 10px}.home-comparison-coffee__cta{font-size:14px;padding:10px 12px;min-height:42px}}@media screen and (max-width:749px){.home-comparison-coffee__heading{font-size:28px}.home-comparison-coffee__col-photo{width:60px;height:60px;top:-30px}.home-comparison-coffee__grid{padding-top:32px}.home-comparison-coffee__bullet{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-home-comparison-coffee.css.map */