.coffee-finder{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}#coffee-finder{margin-top:0!important;padding:0 0 3rem!important}#coffee-finder h1,#coffee-finder h2,#coffee-finder h3{margin-top:0}.coffee-finder .cf-top{text-align:center;max-width:720px;margin:0 auto 3rem}.coffee-finder .cf-section-title{font-size:42px;line-height:1.1;font-weight:700;margin-bottom:.75rem}.coffee-finder .cf-section-intro{font-size:1.15rem;line-height:1.55;opacity:.9;max-width:780px;margin:0 auto 2.25rem}.coffee-finder .cf-head{margin:0 0 1.5rem}.coffee-finder .cf-title{font-size:30px;line-height:1.15;margin-bottom:.4rem;text-align:center}.coffee-finder .cf-subtitle{font-size:18px;opacity:.85;text-align:center}.coffee-finder .cf-head--center{text-align:center;max-width:720px;margin:0 auto 2.5rem}.coffee-finder .cf-head--center .cf-title{font-size:clamp(29px,3vw,40px);line-height:1.1}.coffee-finder .cf-head--center .cf-title:after{content:"";display:block;width:48px;height:3px;margin:.75rem auto 0;background:rgba(var(--color-button),.6);border-radius:999px}.coffee-finder .cf-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}@media(min-width:750px){.coffee-finder .cf-step .cf-grid{grid-template-columns:repeat(2,1fr)}}.coffee-finder .cf-choice{width:100%;padding:1rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:14px;background:rgb(var(--color-background));cursor:pointer}.coffee-finder .cf-choice:hover{border-color:rgba(var(--color-foreground),.25)}.coffee-finder .cf-row{margin-top:.75rem}.coffee-finder .cf-toggle{display:inline-flex;gap:.6rem;align-items:center}.coffee-finder .cf-controls{display:flex;gap:.75rem;margin:1.25rem 0}.coffee-finder .cf-results{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.coffee-finder .cf-results{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.coffee-finder .cf-card{border:1px solid rgba(var(--color-foreground),.12);border-radius:16px;overflow:hidden;background:rgb(var(--color-background));display:flex;flex-direction:column}.coffee-finder .cf-img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.coffee-finder .cf-card-body{padding:1rem;display:grid;gap:.6rem}.coffee-finder .cf-card-title{margin:0}.coffee-finder .cf-reason{opacity:.85;font-size:.95em}.coffee-finder .cf-chips{display:flex;flex-wrap:wrap;gap:.4rem}.coffee-finder .cf-chip{padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.04);font-size:.85em}.coffee-finder .cf-card.cf-hero{border:2px solid rgb(var(--color-button));box-shadow:0 14px 36px rgba(var(--color-button),.25);background:rgba(var(--color-button),.06)}.coffee-finder .cf-badge{padding:.25rem .6rem;border-radius:999px;font-size:.85em}.coffee-finder .cf-badge--hero{background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:800}.coffee-finder .cf-badge--alt{opacity:.7}.coffee-finder .cf-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.coffee-finder .cf-link{text-decoration:underline;font-size:.95em}.coffee-finder .cf-add-btn{border-radius:999px;padding:.9rem 1.2rem;font-weight:700}.coffee-finder .cf-add-btn--hero{background:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important;border:none!important}.coffee-finder .cf-add-btn--alt{background:transparent!important;border:2px solid rgba(var(--color-foreground),.35)!important;color:rgb(var(--color-foreground))!important}@media(prefers-reduced-motion:reduce){.coffee-finder .cf-animate-in,.coffee-finder .cf-hero-pulse{animation:none!important;transition:none!important}}.coffee-finder .cf-head--center,.coffee-finder .cf-results{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.coffee-finder .cf-animate-in{opacity:1;transform:translateY(0)}@keyframes cfHeroPulse{0%{box-shadow:0 0 rgba(var(--color-button),.35)}to{box-shadow:0 0 0 14px rgba(var(--color-button),0)}}.coffee-finder .cf-hero-pulse{animation:cfHeroPulse .6s ease-out 1}@media(min-width:750px){.coffee-finder .cf-grid>:nth-child(3):last-child{grid-column:1 / -1;max-width:520px;margin:0 auto}}#coffee-finder.cf-results-active .page-width{padding-top:0!important;margin-top:0!important}#coffee-finder.cf-results-active .cf-head{margin-top:0}.shopify-section.cf-results-active,.shopify-section.cf-results-active .page-width,.shopify-section.cf-results-active [class*=padding] #coffee-finder.cf-results-active .cf-head{margin-top:0!important}#coffee-finder{padding-top:4rem}#coffee-finder{padding-top:clamp(3rem,6vw,6rem)}#coffee-finder{margin-top:0!important;padding-top:var(--cf-pt, 0px)!important;padding-bottom:var(--cf-pb, 0px)!important}@media(prefers-reduced-motion:reduce){#coffee-finder .cf-reveal,#coffee-finder .cf-reveal .cf-card,#coffee-finder .cf-hero-pulse{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}#coffee-finder .cf-reveal{opacity:0;transform:translateY(10px);animation:cfFadeUp .32s ease-out forwards}#coffee-finder .cf-reveal .cf-card{opacity:0;transform:translateY(14px) scale(.99);animation:cfCardIn .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--cf-delay, 0ms);will-change:transform,opacity}#coffee-finder .cf-hero-pulse{animation:cfHeroPulse .8s ease-out 1}@keyframes cfFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes cfCardIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cfHeroPulse{0%{box-shadow:0 0 rgba(var(--color-accent-1),0)}35%{box-shadow:0 0 0 12px rgba(var(--color-accent-1),.18)}to{box-shadow:0 0 rgba(var(--color-accent-1),0)}}#coffee-finder{--cf-pad-top: 48px;--cf-pad-bottom: 56px;padding-top:var(--cf-pad-top)!important;padding-bottom:var(--cf-pad-bottom)!important}#coffee-finder.cf-results-active{--cf-pad-top: 24px;--cf-pad-bottom: 72px}#coffee-finder.cf-results-active .page-width{padding-top:0!important}#coffee-finder.cf-results-active .cf-head{padding-top:12px}#coffee-finder{padding-top:var(--cf-pt, 0px)!important;padding-bottom:var(--cf-pb, 0px)!important}#coffee-finder.cf-results-active{padding-top:0!important}#coffee-finder.cf-results-active .cf-head{margin-top:0!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/coffee-finder.css.map */