.jv-title-wrapper{display:flex;justify-content:space-between}.recipe-detail-arrow{display:flex;width:41px;height:42px;padding:0 10px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:#7f3b2d}.jv-recipes-grid-section{background:#fff2d8}.jv-recipes-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(416px,1fr));gap:32px;padding:40px 16px;max-width:1200px;margin:auto}@media screen and (max-width: 768px){.jv-recipes-grid-wrapper{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (min-width: 768px){.jv-recipes-grid-wrapper{grid-template-columns:repeat(3,1fr)}}.jv-recipe-card{border:1px solid #e6c9a8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease;padding:20px;gap:16px}.jv-recipe-card a{text-decoration:none!important}.jv-recipe-card:hover{transform:translateY(-4px)}.jv-recipe-card{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.jv-hidden{opacity:0;transform:translateY(20px);pointer-events:none;position:absolute}.jv-recipe-image{position:relative;background-size:cover;background-position:center;border-radius:20px}.jv-recipe-tag{position:absolute;bottom:8px;left:8px;background:#000;color:#fff;font-size:12px;padding:4px 10px;border-radius:4px;text-transform:uppercase;font-weight:700}.jv-recipe-title{text-align:center;font-family:Merel;font-weight:900;font-size:18px;padding:10px 8px;background:#7f3b2d;width:fit-content;align-self:center;text-transform:Uppercase;color:#fff;line-height:100%}.jv-recipe-title a{color:#fff;text-decoration:none}.jv-recipes-load-more{grid-column:1 / -1;text-align:center;margin-top:30px}.jv-recipe-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;background-color:#eee}.jv-recipe-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;border-radius:12px}.secondary-image{opacity:0;z-index:2}.jv-recipe-image-wrapper:hover .secondary-image{opacity:1}.jv-recipe-image-wrapper:hover .primary-image{opacity:0}@media (max-width:767px){.jv-recipe-title{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/recipes-grid.css.map */
