/* quality.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── CustomRecipe ── */
.CustomRecipe_customRecipe {
  position:relative;
  padding:50px 20px 40%;
  background:var(--color-beige);
  overflow:hidden;
  height:-moz-fit-content;
  height:fit-content;
  min-height:680px;
}

.CustomRecipe_title {
  text-align:center;
  margin-top:10px;
  margin-bottom:30px;
}

.CustomRecipe_image {
  position:absolute;
  top:100%;
  left:50%;
  display:block;
  width:80%;
  height:0;
  padding-bottom:80%;
  overflow:hidden;
  transform:translateX(-47%) translateY(-50%);
}

.CustomRecipe_fediaf {
  position:absolute;
  z-index:1;
  width:20%;
  height:20%;
  right:23%;
  top:0;
}

.CustomRecipe_bottomLayer,
.CustomRecipe_middleLayer,
.CustomRecipe_moving {
  position:absolute;
  width:100%;
  height:100%;
}

.CustomRecipe_moving {
  display:block;
  -webkit-clip-path:circle(44% at 46.8% 45.8%);
  clip-path:circle(44% at 46.8% 45.8%);
}

.CustomRecipe_line {
  position:absolute;
  background-color:white;
  top:0;
  height:100%;
  width:5px;
  margin-left:-2px;
}

.CustomRecipe_features {
  display:flex;
  width:100%;
  flex-wrap:wrap;
  justify-content:center;
  column-gap:20px;
  row-gap:0;
  max-width:960px;
  margin:0 auto;
}

.CustomRecipe_feature {
  flex:1 1 130px;
  max-width:180px;
  padding:22px 0 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.CustomRecipe_feature img {
  display:block;
  height:auto;
  width:80px;
}

.CustomRecipe_featureText {
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:19px;
  text-align:center;
  display:block;
}

@media (min-width:960px) {
  .CustomRecipe_customRecipe {
    height:590px;
    min-height:none;
    padding:62px 0 0;
  }
}

@media (min-width:960px) {
  .CustomRecipe_content {
    position:relative;
  }
}

@media (min-width:960px) {
  .CustomRecipe_title {
    font-size:40px;
    line-height:52px;
  }
}

@media (min-width:960px) {
  .CustomRecipe_image {
    width:600px;
    height:0;
    padding-bottom:600px;
    margin:0;
  }
}

@media (min-width:960px) {
  .CustomRecipe_line {
    width:8px;
  }
}

@media (min-width:960px) {
  .CustomRecipe_features {
    margin-top:-30px;
    position:absolute;
    width:100%;
    max-width:none;
    right:0;
    left:0;
    justify-content:space-between;
    padding:0;
    gap:0;
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature {
    flex:1 0;
    max-width:none;
    gap:0;
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature img {
    height:auto;
    width:100px;
    display:block;
  }
}

@media (min-width:960px) {
  .CustomRecipe_featureText {
    font-size:20px;
    line-height:26px;
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature:first-child {
    order:3;
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature:nth-child(2) {
    order:2;
    transform:translateY(30%) translateX(-60%);
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature:nth-child(3) {
    order:4;
    transform:translateY(30%) translateX(60%);
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature:nth-child(4) {
    order:1;
    transform:translateY(110%) translateX(-30%);
  }
}

@media (min-width:960px) {
  .CustomRecipe_feature:nth-child(5) {
    order:5;
    transform:translateY(110%) translateX(30%);
  }
}

@media (min-width:1350px) {
  .CustomRecipe_feature:nth-child(2) {
    transform:translateY(40%) translateX(-30%);
  }
}

@media (min-width:1350px) {
  .CustomRecipe_feature:nth-child(3) {
    transform:translateY(40%) translateX(30%);
  }
}

@media (min-width:1350px) {
  .CustomRecipe_feature:nth-child(4) {
    transform:translateY(140%) translateX(35%);
  }
}

@media (min-width:1350px) {
  .CustomRecipe_feature:nth-child(5) {
    transform:translateY(140%) translateX(-35%);
  }
}