/** Shopify CDN: Minification failed

Line 127:1 Unexpected "`"
Line 182:0 Unexpected "`"

**/
.blog-recipes__header .blog__header--title {
  margin-bottom: 4rem;
}

.blog-recipes {
  margin: 0 0 7rem 0;
}

.blog-recipes #rk_filter {
  align-items: center;
}

.blog-recipes #rk_filter select {
  margin: 0.5rem;
  padding: 1rem 3.4rem 1.1rem 2rem;
  border: 2px solid var(--color-tab, #F5E5DA);
  border-radius: 2.1rem;
  min-width: 16rem;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.07px;
  color: rgba(var(--color-foreground), 1);
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  position: relative;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99996 10.6666C7.91222 10.6671 7.82525 10.6503 7.74402 10.6171C7.6628 10.584 7.58892 10.5351 7.52663 10.4733L3.52663 6.47329C3.40109 6.34776 3.33057 6.1775 3.33057 5.99996C3.33057 5.82243 3.40109 5.65216 3.52663 5.52663C3.65216 5.40109 3.82243 5.33057 3.99996 5.33057C4.1775 5.33057 4.34776 5.40109 4.47329 5.52663L7.99996 9.05996L11.5266 5.53329C11.6542 5.42408 11.8182 5.36701 11.986 5.37349C12.1538 5.37997 12.3129 5.44952 12.4317 5.56825C12.5504 5.68698 12.62 5.84614 12.6264 6.01393C12.6329 6.18171 12.5758 6.34576 12.4666 6.47329L8.46663 10.4733C8.34245 10.5965 8.17485 10.6659 7.99996 10.6666Z" fill="currentColor"/></svg>');
  background-position-x: calc(100% - 13px);
}

.blog-recipes #rk_filter select:first-child {
  margin-left: 0;
}

.blog-recipes #rk_filter select:last-child {
  margin-right: 0;
}

.blog-recipes #rk_filter select:focus,
.blog-recipes #rk_filter select:focus-visible {
  outline: none;
  box-shadow: none;
}

.blog-recipes #rk_filter .cancel-filter {
  border: 1px solid rgba(var(--color-button), 1);
  background-color: rgba(var(--color-button), 1);
  color: rgba(var(--color-button-text), 1);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 17.07px;
  padding: 1.2rem 2rem;
  height: 45px;
  border-radius: 2.1rem;
}

.blog-recipes-template .article-card .card__heading {
  margin-bottom: 1rem;
}

.blog-recipes-template .article-card__info {
  padding-top: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.5);
  letter-spacing: normal;
}

@media screen and (min-width: 750px) {
  .blog-recipes-template {
    grid-template-columns:  1fr 1fr;
  }

  .blog-recipes-template .article-card-wrapper .card.article-card .card__content {
    padding-top: 3rem;
  }

  .blog-recipes-template .article-card .card__heading {
    font-size: 24px;
    line-height: 28.8px;
  }

  .main-blog .blog-recipes-template .article-card__excerpt {
    margin-top: 2rem;
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 749px) {
  .blog-recipes__header .blog__header--title {
    margin-bottom: 3rem;
    font-size: 32px;
    line-height: 41.6px;
  }

  .blog-recipes {
    margin: 0 0 3rem 0;
  }

  .blog-recipes #rk_filter select {
    margin: 0.5rem 0.4rem;
    padding: 1rem 2.7rem 1.1rem 1.5rem;
    font-size: 12px;
    line-height: 14.63px;
    min-width: 12.4rem;
    background-image: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.17444 10.6666C7.10645 10.6671 7.03904 10.6503 6.97609 10.6171C6.91314 10.584 6.85589 10.5351 6.80761 10.4733L3.70761 6.47329C3.61032 6.34776 3.55566 6.1775 3.55566 5.99996C3.55566 5.82243 3.61032 5.65216 3.70761 5.52663C3.8049 5.40109 3.93686 5.33057 4.07444 5.33057C4.21203 5.33057 4.34399 5.40109 4.44128 5.52663L7.17444 9.05996L9.90761 5.53329C10.0065 5.42408 10.1336 5.36701 10.2636 5.37349C10.3937 5.37997 10.517 5.44952 10.609 5.56825C10.701 5.68698 10.7549 5.84614 10.76 6.01393C10.765 6.18171 10.7208 6.34576 10.6361 6.47329L7.53611 10.4733C7.43988 10.5965 7.30999 10.6659 7.17444 10.6666Z" fill="currentColor"/></svg>');
  }

  .blog-recipes-template .article-card__info {
    font-size: 12px;
    line-height: 18px;
  }
}```css
/* UX test: Recipe Kit filter layout + card consistency */
.blog-recipes #rk_filter {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.blog-recipes #rk_filter select {
  margin: 0;
}

.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  height: 100%;
}

@media screen and (max-width: 749px) {
  .blog-recipes #rk_filter select {
    min-width: calc(50% - 0.6rem);
  }

  .blog-recipes #rk_filter .cancel-filter {
    width: 100%;
  }
}

/* Fix recipe card title/body left-edge crowding */
.blog-recipes-template .article-card .card__content .card__information {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

@media screen and (min-width: 990px) {
  .blog-recipes-template .article-card .card__content .card__information {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Force recipe card text inset on recipes grid */
.main-blog .blog-recipes-template .blog-articles__article .article-card .card__content {
  padding: 1.8rem 1.6rem 1rem !important;
}

.main-blog .blog-recipes-template .blog-articles__article .article-card .card__content .card__information {
  padding: 0 !important;
}

@media screen and (min-width: 990px) {
  .main-blog .blog-recipes-template .blog-articles__article .article-card .card__content {
    padding: 2rem 2rem 1.2rem !important;
  }
}
```
/* Fix hidden recipe card text */
.blog-recipes-template .article-card .card__content,
.blog-recipes-template .article-card .card__information,
.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: rgba(var(--color-foreground), 1) !important;
}
.blog-recipes-template .card.article-card.card--standard > .card__content .card__information {
  display: block !important;
}
.blog-recipes-template .card.article-card.card--standard > .card__content {
  display: block !important;
}

.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  display: block !important;
  color: #111 !important;
}
/* Recipes cards: tighter height + brand title color */
.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  height: auto !important;
}

.blog-recipes-template .card.article-card .card__content {
  padding: 1.2rem 1.6rem 1.8rem !important;
}

.blog-recipes-template .card.article-card .card__information {
  display: block !important;
}

.blog-recipes-template .article-card .card__heading {
  margin: 0 !important;
  line-height: 1.2 !important;
}

.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
}
/* Keep native card sizing/layout; only fix readability + alignment */
.blog-recipes-template .blog-articles__article {
  height: 100%;
}

.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  height: 100%;
}

.blog-recipes-template .card.article-card {
  display: flex;
  flex-direction: column;
}

.blog-recipes-template .card.article-card > .card__content {
  margin-top: auto; /* keeps text area aligned/even across cards */
}

/* Title styling */
.blog-recipes-template .article-card .card__heading {
  text-align: center;
  margin: 0 0 1rem;
}

.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
}

/* Text below title readable */
.blog-recipes-template .article-card .article-card__info,
.blog-recipes-template .article-card .article-card__excerpt {
  color: rgba(var(--color-foreground), 0.85) !important;
  text-align: center;
}
/* Hide overlay text inside image area */
.blog-recipes-template .card.article-card .card__inner .card__content {
  display: none !important;
}

/* Keep only text block below image */
.blog-recipes-template .card.article-card > .card__content {
  display: block !important;
}

/* Title style below image */
.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
  text-align: center !important;
}

/* Make below text readable and centered */
.blog-recipes-template .article-card .article-card__info,
.blog-recipes-template .article-card .article-card__excerpt {
  color: rgba(var(--color-foreground), 0.85) !important;
  text-align: center !important;
}
/* Recipe description below title in dark gray */
.blog-recipes-template .article-card .article-card__excerpt {
  display: block !important;
  color: #4b5563 !important; /* dark gray */
  opacity: 1 !important;
  visibility: visible !important;
  text-align: center !important;
}

/* Keep title brand color */
.blog-recipes-template .article-card .card__heading,
.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
}
/* Equal-height recipe cards */
.blog-recipes-template {
  align-items: stretch;
}

.blog-recipes-template .blog-articles__article,
.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  height: 100%;
}

.blog-recipes-template .card.article-card {
  display: flex;
  flex-direction: column;
}

.blog-recipes-template .card.article-card > .card__content {
  flex: 1;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}

/* Keep title/excerpt same visual height */
.blog-recipes-template .article-card .card__heading a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-recipes-template .article-card .article-card__excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #4b5563 !important;
}
/* Strict uniform recipe cards */
.blog-recipes-template {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  align-items: stretch;
}

.blog-recipes-template .blog-articles__article,
.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  width: 100%;
  height: 100%;
}

.blog-recipes-template .card.article-card {
  display: grid;
  grid-template-rows: auto 150px; /* fixed text area for equal card heights */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

/* image area */
.blog-recipes-template .card.article-card .card__inner {
  height: 100%;
}

.blog-recipes-template .card.article-card .card__inner .card__media,
.blog-recipes-template .card.article-card .card__inner .media {
  height: 100%;
}

/* remove overlay text on image */
.blog-recipes-template .card.article-card .card__inner .card__content {
  display: none !important;
}

/* fixed text panel */
.blog-recipes-template .card.article-card > .card__content {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.2rem 1.2rem;
  overflow: hidden;
}

/* smaller, consistent title */
.blog-recipes-template .article-card .card__heading {
  margin: 0 0 0.6rem;
  width: 100%;
  text-align: center;
}

.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
  font-size: 1.9rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}

/* description */
.blog-recipes-template .article-card .article-card__excerpt {
  color: #4b5563 !important;
  font-size: 1.4rem;
  line-height: 1.45;
  text-align: center;
  margin: 0;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* optional meta line */
.blog-recipes-template .article-card .article-card__info {
  color: #6b7280 !important;
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
  text-align: center;
}
/* ===== Blog Recipes UX Reset (Brand + Readability) ===== */

/* Grid + spacing */
.blog-recipes-template {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.2rem;
  align-items: stretch;
}

.blog-recipes-template .blog-articles__article,
.blog-recipes-template .article-card-wrapper,
.blog-recipes-template .card.article-card {
  height: 100%;
}

/* Card shell */
.blog-recipes-template .card.article-card {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0, 115, 145, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.blog-recipes-template .card.article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

/* Image ratio consistency */
.blog-recipes-template .card.article-card .card__inner {
  flex: 0 0 auto;
}

.blog-recipes-template .card.article-card .card__media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.blog-recipes-template .card.article-card .card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Prevent overlay content on image */
.blog-recipes-template .card.article-card .card__inner .card__content {
  display: none !important;
}

/* Content area below image */
.blog-recipes-template .card.article-card > .card__content {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1.4rem 1.4rem 1.6rem !important;
  gap: 0.8rem;
  flex: 1;
}

/* Title */
.blog-recipes-template .article-card .card__heading {
  margin: 0 !important;
  text-align: center;
}

.blog-recipes-template .article-card .card__heading a {
  color: #007391 !important;
  font-size: 2rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta line (date/author) */
.blog-recipes-template .article-card .article-card__info {
  color: #6b7280 !important;
  font-size: 1.2rem !important;
  line-height: 1.35 !important;
  text-align: center;
  margin: 0 !important;
}

/* Excerpt */
.blog-recipes-template .article-card .article-card__excerpt {
  color: #4b5563 !important;
  font-size: 1.45rem !important;
  line-height: 1.55 !important;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Optional read-more if enabled */
.blog-recipes-template .card__read-more {
  margin-top: auto;
  color: #007391 !important;
  font-weight: 700;
  text-align: center;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .blog-recipes-template {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .blog-recipes-template .card.article-card > .card__content {
    padding: 1.2rem 1.2rem 1.4rem !important;
  }

  .blog-recipes-template .article-card .card__heading a {
    font-size: 1.75rem !important;
  }

  .blog-recipes-template .article-card .article-card__excerpt {
    font-size: 1.35rem !important;
  }
}
