.recipe-hub{position:relative;overflow:hidden}.recipe-hub__filters{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:flex-end;justify-content:center;margin-top:3rem;padding:2rem;background:rgba(var(--color-foreground),.03);border-radius:1.2rem}.recipe-hub__filter-group{display:flex;flex-direction:column;gap:.6rem;min-width:16rem}.recipe-hub__filter-label{font-family:Karma,serif;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.8);text-transform:uppercase;letter-spacing:.05em}.recipe-hub__filter-select{font-family:Karma,serif;font-size:1.5rem;padding:1rem 1.5rem;border:2px solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:all .3s ease}.recipe-hub__filter-select:hover{border-color:rgba(var(--color-foreground),.4)}.recipe-hub__filter-select:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);border-color:rgb(var(--color-foreground))}.recipe-hub__filter-reset{font-family:Karma,serif;font-size:1.4rem;font-weight:600;padding:1rem 2rem;background:transparent;border:2px solid rgba(var(--color-foreground),.2);border-radius:.8rem;color:rgb(var(--color-foreground));cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.recipe-hub__filter-reset:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4);transform:translateY(-2px)}.recipe-hub__filter-reset:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.recipe-hub__results-count{text-align:center;font-family:Karma,serif;font-size:1.6rem;color:rgba(var(--color-foreground),.7);margin-top:2rem;font-weight:500}.recipe-hub__results-count span{font-weight:700;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.recipe-hub__filters{flex-direction:column;align-items:stretch;padding:1.6rem;gap:1.2rem}.recipe-hub__filter-group{min-width:100%}.recipe-hub__filter-reset{width:100%}}.recipe-hub__header{text-align:center;margin-bottom:4rem}.recipe-hub__title{font-family:Gochi Hand,cursive;font-size:3.6rem;line-height:1.2;margin-bottom:1.6rem;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.recipe-hub__title{font-size:4.8rem}}.recipe-hub__subtitle{font-family:Karma,serif;font-size:1.8rem;line-height:1.6;color:rgba(var(--color-foreground),.75);max-width:60rem;margin:0 auto}.recipe-hub__grid{display:grid;gap:3rem;margin-top:3rem}@media screen and (max-width: 749px){.recipe-hub__grid{grid-template-columns:1fr;gap:2rem}}@media screen and (min-width: 750px){.recipe-hub__grid.grid--2-col-tablet{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.recipe-hub__grid.grid--3-col-desktop{grid-template-columns:repeat(3,1fr)}}recipe-card{display:block;width:100%!important;max-width:100%!important;height:100%}.recipe-card__inner{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(var(--color-primary-1),.03),rgba(var(--color-primary-2),.05),rgba(var(--color-secondary-1),.03));border-radius:1.6rem;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.recipe-card__inner:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.recipe-card__image-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background:linear-gradient(135deg,rgba(var(--color-primary-1),.1),rgba(var(--color-primary-2),.15))}.recipe-card__image-placeholder{background:linear-gradient(135deg,rgba(var(--color-primary-1),.15),rgba(var(--color-secondary-1),.15))}.recipe-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.recipe-card__inner:hover .recipe-card__image{transform:scale(1.08)}.recipe-card__image-wrapper .placeholder-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;opacity:.3}.recipe-card__content{flex:1;display:flex;flex-direction:column;padding:2rem 2rem 2.4rem;gap:1.2rem}.recipe-card__title{font-family:Gochi Hand,cursive;font-size:2.4rem;line-height:1.4;margin:0;color:rgb(var(--color-foreground));word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.recipe-card__meta{font-family:Karma,serif;font-size:1.4rem;color:rgba(var(--color-foreground),.65);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.recipe-card__section{margin-top:.4rem}.recipe-card__section-title{font-family:Karma,serif;font-size:1.5rem;font-weight:700;margin-bottom:.8rem;color:rgb(var(--color-foreground))}.recipe-card__ingredients,.recipe-card__instructions{font-family:Karma,serif;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.recipe-card__ingredients ul,.recipe-card__instructions ol{margin:0;padding-left:1.8rem}.recipe-card__ingredients li,.recipe-card__instructions li{margin-bottom:.6rem;padding-left:.2rem}.recipe-card__ingredients li:last-child,.recipe-card__instructions li:last-child{margin-bottom:0}.recipe-card__instructions[data-collapsed=true]{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease;margin-top:0}.recipe-card__instructions[data-collapsed=false]{max-height:100rem;opacity:1;margin-top:1rem;transition:max-height .5s ease,opacity .4s ease .1s,margin-top .3s ease}.recipe-card__toggle{display:inline-flex;align-items:center;gap:.8rem;background:transparent;border:2px solid rgba(var(--color-foreground),.2);border-radius:2.4rem;padding:1rem 2rem;font-family:Karma,serif;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;transition:all .3s ease;margin-top:.8rem;min-height:var(--min-tap-target)}.recipe-card__toggle:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4);transform:translateY(-2px)}.recipe-card__toggle:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.recipe-card__toggle-icon{transition:transform .3s ease}.recipe-card__toggle[aria-expanded=true] .recipe-card__toggle-icon{transform:rotate(180deg)}.recipe-card__product-link{margin-top:auto;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.1)}.recipe-card__product-title{font-family:Karma,serif;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.7);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.recipe-card__product-cta{display:inline-block;width:100%;text-align:center;padding:1.2rem 2rem;font-family:Karma,serif;font-size:1.5rem;font-weight:600;text-decoration:none;border-radius:.8rem;transition:all .3s ease;min-height:var(--min-tap-target)}.recipe-card__product-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.recipe-hub:before{content:"";position:absolute;top:0;left:0;right:0;height:30rem;background:linear-gradient(180deg,rgba(var(--color-primary-1),.08) 0%,transparent 100%);pointer-events:none;z-index:-1}@media screen and (max-width: 749px){.recipe-hub__header{margin-bottom:3rem}.recipe-hub__title{font-size:2.8rem}.recipe-hub__subtitle{font-size:1.6rem}.recipe-card__content{padding:2rem;gap:1.4rem}.recipe-card__title{font-size:2rem}}@media print{.recipe-card__toggle{display:none}.recipe-card__instructions[data-collapsed=true]{max-height:none;opacity:1}.recipe-card__product-link{display:none}}@media (prefers-reduced-motion: no-preference){.recipe-card__inner{animation:fadeInUp .6s ease forwards;opacity:0}.recipe-hub__grid .grid__item:nth-child(1) .recipe-card__inner{animation-delay:.1s}.recipe-hub__grid .grid__item:nth-child(2) .recipe-card__inner{animation-delay:.2s}.recipe-hub__grid .grid__item:nth-child(3) .recipe-card__inner{animation-delay:.3s}.recipe-hub__grid .grid__item:nth-child(4) .recipe-card__inner{animation-delay:.4s}.recipe-hub__grid .grid__item:nth-child(5) .recipe-card__inner{animation-delay:.5s}.recipe-hub__grid .grid__item:nth-child(6) .recipe-card__inner{animation-delay:.6s}.recipe-hub__grid .grid__item:nth-child(7) .recipe-card__inner{animation-delay:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.recipe-card__inner,.recipe-card__image,.recipe-card__toggle,.recipe-card__toggle-icon,.recipe-card__instructions{transition:none;animation:none}.recipe-card__inner{opacity:1}}recipe-card:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);border-radius:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/recipe-hub.css.map */