/** Shopify CDN: Minification failed

Line 7:50 Unexpected "-->"

**/
/* CRITICAL CSS - Above the fold content */
<!-- Add this to your existing CSS in the section -->

.muz-recipe-title {
  font-family: 'Patua One', cursive !important;
  font-weight: 500 !important;
  /* Your existing styles */
}




.muz-blog-post-hero {
  width: 100%;
}

.muz-hero-image-wrapper {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.muz-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.muz-hero-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 3rem;
  color: #004F3A;
  font-family: inherit;
}

.muz-recipe-header {
  text-align: center;
  margin-bottom: 3rem;
}

/* Diet Icons - Critical */
.muz-blog-post-hero-diet-icons-bar {
  margin-bottom: 16px;
  margin-top: -38px;
  position: relative;
}

.muz-blog-post-hero-diet-icons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.muz-blog-post-hero-diet-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.muz-blog-post-hero-diet-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Recipe Badges - Critical */
.muz-recipe-badges-hero {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.muz-recipe-badge-hero {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  margin: 0 6px 10px;
  text-transform: capitalize;
}

.muz-recipe-badge-hero--1 { background-color: #004F3A; }
.muz-recipe-badge-hero--2 { background-color: #D39441; }
.muz-recipe-badge-hero--3 { background-color: #5E9EA0; }
.muz-recipe-badge-hero--4 { background-color: #7C3AED; }
.muz-recipe-badge-hero--5 { background-color: #DC2626; }

/* Recipe Title - Critical */
.muz-recipe-title {
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #D39441 !important;
  margin: 0.8rem 0 1rem !important;
  text-align: center;
  line-height: 1.2;
}

/* Recipe Meta - Critical */
.muz-recipe-meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  font-size: 17px;
  margin-top: 0.6rem;
  flex-wrap: wrap;
}

.muz-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #004F3A;
  font-weight: 500;
}

.muz-meta-item svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 6px;
  fill: currentColor;
  flex-shrink: 0;
}




.muz-hero-image-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 43px;
    background: linear-gradient(to top, rgb(255 255 255), rgb(253 253 253 / 93%), #ffffffab, #ffffff57, #ffffff26, #ffffff00);
    pointer-events: none;
}


.muz-hero-image-wrapper {
   
    overflow: hidden;
    position: relative;
}




/* Critical Mobile Styles */
@media (max-width: 768px) {
  .muz-hero-content {
    padding: 30px 2rem;
  }
  
  .muz-recipe-title {
    font-size: 28px !important;
  }
  
  .muz-recipe-meta {
    gap: 20px;
    font-size: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .muz-hero-image-wrapper {
    height: 350px;
  }
}

@media (max-width: 480px) {
  .muz-hero-content {
    padding: 20px 1rem;
  }
  
  .muz-recipe-title {
    font-size: 24px !important;
  }
  
  .muz-hero-image-wrapper {
    height: 300px;
  }
  
  .muz-recipe-meta {
    font-size: 15px;
    gap: 16px;
  }
}