.recipe-finder{display:block;box-sizing:border-box;width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}.rf-card__actions .button-secondary{border:1px solid currentColor}.rf-head{text-align:center;max-width:720px;margin:0 auto 32px}.rf-title{margin:0 0 12px}.rf-intro{opacity:.85}.rf-empty-all{text-align:center;padding:48px 0}.rf-filters{display:grid;gap:20px;margin-bottom:28px}.rf-group__label{margin:0 0 10px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.rf-chips{display:flex;flex-wrap:wrap;gap:8px}.rf-chip{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:.9rem;line-height:1;padding:10px 16px;border-radius:999px;min-height:40px;border:1px solid rgb(0 0 0 / .18);background:transparent;color:inherit;transition:background-color .15s,color .15s,border-color .15s}.rf-chip:hover{border-color:var(--rf-accent)}.rf-chip[aria-pressed=true]{background:var(--rf-accent);border-color:var(--rf-accent);color:#fff}.rf-chip:focus-visible,.rf-link:focus-visible,.rf-card__media:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px}.rf-status{display:flex;align-items:center;gap:16px;border-top:1px solid rgb(0 0 0 / .08);padding-top:14px}.rf-count{margin:0;font-size:.9rem;opacity:.8}.rf-clear{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer;color:var(--rf-accent)}.rf-grid{list-style:none;margin:0;padding:0;display:grid;gap:28px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.rf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1000px){.rf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.rf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.rf-grid-title{margin:8px 0 20px;text-align:center}.rf-more{display:flex;justify-content:center;margin-top:36px}.rf-more[hidden]{display:none}.rf-more__btn{min-width:220px}.rf-card{display:flex;flex-direction:column}.rf-card[hidden]{display:none}.rf-card__media{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#e8d5c7}.rf-card__media img,.rf-dialog__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.rf-card__media:hover img{transform:scale(1.03)}.rf-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;background:linear-gradient(160deg,#e8d5c7,#f4ebe4);color:var(--rf-accent);text-align:center;font-family:var(--font-heading--family, inherit);text-transform:uppercase;font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.1}.rf-card__body{padding-top:12px;display:flex;flex-direction:column;gap:6px;flex:1}.rf-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}.rf-badge{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;background:var(--rf-accent);color:#fff;line-height:1}.rf-badge--flavour{background:#e8d5c7;color:#000}.rf-badge--muted{background:#00000012;color:inherit}.rf-card__title{margin:4px 0 0}.rf-link{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.rf-link:hover{text-decoration:underline}.rf-card__desc{margin:0;font-size:.875rem;opacity:.8}.rf-card__actions{margin-top:auto;padding-top:10px;display:grid;gap:8px}.rf-btn{width:100%;min-height:44px;font-size:.8rem;padding-inline:10px}.rf-add[data-state=added]{background:#1d6b34;border-color:#1d6b34}.rf-none{text-align:center;padding:40px 0}.rf-none__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rf-none__actions .rf-btn{width:auto}.rf-dialog{border:0;padding:0;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--color-background, #fff);color:var(--color-foreground, #000)}.rf-dialog::backdrop{background:#0000008c}.rf-dialog__inner{position:relative;display:grid}@media(min-width:750px){.rf-dialog__inner{grid-template-columns:5fr 6fr}.rf-dialog__media{position:sticky;top:0;height:min(640px,calc(100dvh - 32px))}}.rf-dialog__media{aspect-ratio:4 / 5;background:#e8d5c7}@media(min-width:750px){.rf-dialog__media{aspect-ratio:auto}}.rf-dialog__content{padding:24px 22px 28px;display:flex;flex-direction:column;gap:6px}.rf-dialog__content h2{margin:8px 0 4px}.rf-dialog__close{position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#000;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 4px #0003}.rf-subhead{margin:16px 0 6px}.rf-ingredients,.rf-steps{margin:0;padding-left:1.2em;display:grid;gap:4px}.rf-extras{display:flex;gap:24px;margin:16px 0 0}.rf-extras dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.rf-extras dd{margin:0}.rf-dialog__shop{margin-top:8px;display:grid;gap:10px}.rf-shop-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rf-shop-row__link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:.9rem}.rf-shop-row__img{width:52px;height:52px;object-fit:cover}.rf-shop-row .rf-btn{width:auto}.rf-yield{margin:2px 0 6px;font-size:.9rem;font-weight:600;color:var(--rf-accent)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/recipe-finder.css.map */