/* Banner */
.csc-collection__banner { margin: 0 0 18px; border-radius: 18px; overflow: hidden; }
.csc-collection__banner-img { width: 100%; height: auto; display: block; }
.csc-collection__banner-img.is-mobile { display: none; }
@media (max-width: 767px) {
  .csc-collection__banner-img.is-desktop { display: none; }
  .csc-collection__banner-img.is-mobile { display: block; }
}

/* Section 1 */
.csc-collection__intro { margin: 8px 0 22px; }
.csc-collection__title { margin: 0 0 8px; font-size: 32px; line-height: 1.15; }
.csc-collection__description { max-width: 75ch; color: #444; margin: 0 auto; }
.csc-collection__description p { margin: 0; }

/* Section 2: 4-column grid */
.csc-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 1024px) {
  .csc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .csc-grid { grid-template-columns: 1fr; }
}

.csc-recipe-card {
  border: 1px solid #eee;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0,0,0,.04);
}

.csc-recipe-card__thumb img {
  width: 100%;
  max-height: 300px;
  display: block;
  object-fit: cover;
}

.csc-recipe-card__thumb--placeholder {
  background: #f2f2f2;
  aspect-ratio: 16 / 10;
}

.csc-recipe-card__title {
  margin: 0;
  padding: 12px 14px 14px;
  font-size: 16px;
  line-height: 1.25;
}
.csc-recipe-card__title a { text-decoration: none; }

/* Load more */
.csc-load-more-wrap { margin: 20px 0 10px; text-align: center; }
.csc-load-more {
  border: 1px solid #111;
  background: transparent;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
}
.csc-load-more[disabled] { opacity: .55; cursor: not-allowed; }
.csc-load-more__status { margin-top: 10px; color: #555; font-size: 14px; }

/* Section 3 Callout */
.csc-callout {
  margin: 28px 0 10px;
  border-radius: 18px;
  padding: 18px;
  background: #f6f6f6;
}
.csc-callout__inner { max-width: 70ch; }
.csc-callout__title { margin: 0 0 6px; font-size: 22px; }
.csc-callout__text { margin: 0 0 12px; color: #333; }
.csc-callout__cta {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}

section.csc-collection__recipes.container {
    margin: 40px 50px;
}

.csc-collection__intro {
    margin: 8px 0 22px;
    text-align: center;
    padding: 20px 40px;
    background: #e1e1e1;
    background: url('images/hero-generic.jpg');
}

/* Recipe Collection */
.recipe-collection-wrapper {
    padding: 40px 80px 80px 80px;
}
.recipe-collection-wrapper .recipe-grid .recipe-card {
    margin-bottom: 30px;
}
.recipe-collection-wrapper .recipe-grid .recipe-card a {
    color: #800000;
}

@media screen and (max-width: 767px){
.recipe-collection-wrapper {
    padding: 20px;
}
.recipe-collection-wrapper .recipe-grid .recipe-card img {
	width: 100%;
	height: auto;
}
}