.loop-recipe-wrapper{display:flex;gap:64px}.loop-recipe-wrapper .filters{flex:0 0 20%;margin-right:24px}.loop-recipe-wrapper .filters .selected-filter-item{border:none;padding:8px 12px 8px 22px;border-radius:8px;background:#FFF5EE;font-family:"Poppins", Sans-serif;font-size:14px;line-height:1em;margin-right:12px;margin-bottom:12px;position:relative;color:#2A2A2A}.loop-recipe-wrapper .filters .selected-filter-item span{position:absolute;text-indent:-50000px;width:10px;height:10px;top:50%;transform:translateY(-50%);left:8px;background:url(../img/close.svg) no-repeat center center;background-size:contain}.loop-recipe-wrapper .filters h2,.loop-recipe-wrapper .filters h3{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;font-style:normal}.loop-recipe-wrapper .filters h3{margin:0;padding:20px 0}.loop-recipe-wrapper .filters label{display:block;margin-bottom:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;padding-left:28px}.loop-recipe-wrapper .filters label:last-child{margin-bottom:20px}.loop-recipe-wrapper .filters input{position:absolute;width:20px;height:20px;border:1px solid #ccc;border-radius:3px;appearance:none;outline:0;left:0;margin:0;cursor:pointer;transition:background 175ms cubic-bezier(0.1, 0.1, 0.25, 1)}.loop-recipe-wrapper .filters input:before{position:absolute;content:'';display:block;top:1px;left:1px;width:16px;height:16px;background:#A90D3E;opacity:0;border-radius:3px;transform:scale(0);transition:all .3s}.loop-recipe-wrapper .filters input:checked:before{transform:scale(1);opacity:1}.loop-recipe-wrapper .recipes{flex:1}.loop-recipe-wrapper .recipe-grid{display:grid;margin-bottom:32px}.loop-recipe-wrapper.js-active .filters form button{display:none}.loop-recipe-wrapper.js-active .filters .filter{border-bottom:1px solid #D5D5D5}.loop-recipe-wrapper.js-active .filters .filter.active h3:after{transform:rotateX(180deg)}.loop-recipe-wrapper.js-active .filters h3{cursor:pointer;position:relative}.loop-recipe-wrapper.js-active .filters h3:after{content:'';width:12px;height:12px;position:absolute;right:0;top:calc(50% - 6px);transition:transform .6s;background:url(../img/chevron.svg) no-repeat right center}.loop-recipe-wrapper.js-active .filters .filter-items{display:none}.loop-recipe-wrapper .load-more{text-align:center;margin:40px auto 0}.loop-recipe-wrapper .load-more button{cursor:pointer;border:none;background:#A90D3E;color:#fff;border:2px solid transparent;font-family:"Poppins", Sans-serif;padding:12px 40px;font-size:16px;display:inline-block;border-radius:50px}.loop-recipe-wrapper .load-more button:hover{background:#fff;color:#A90D3E;border:2px solid #A90D3E}.loop-recipe-wrapper .no-result{text-align:center;font-family:"bressay", Sans-serif;font-size:24px}@media screen and (max-width: 1024px){.loop-recipe-wrapper{gap:32px}}@media screen and (max-width: 767px){.loop-recipe-wrapper{display:block}.loop-recipe-wrapper .filters{margin:0 0 32px}}div.card-recipe a{display:block;aspect-ratio:1/.8;padding:20px;text-decoration:none;position:relative;overflow:hidden}div.card-recipe:hover .img{transform:scale(1.05)}div.card-recipe .content{position:absolute;bottom:20px;left:20px;right:20px}div.card-recipe .cat{font-size:11px;text-decoration:none;border-radius:8px;padding:8px 12px;line-height:1em;display:inline-block;text-transform:uppercase;background:#A90D3E;text-indent:0;line-height:1em;margin:0 0 8px;color:#fff}div.card-recipe h2{font-family:"bressay", Sans-serif;font-family:Bressay;font-size:18px;font-style:italic;font-weight:700;line-height:22px;text-align:left;position:relative;color:#fff;margin:0}div.card-recipe .img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;transition:all .3s;background-position:center}div.card-recipe .img:after{content:'';position:absolute;top:50%;left:0;right:0;bottom:0;background-size:100% 100%;background-position:0px 0px;background-image:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, transparent 100%)}
