@media screen and (min-width: 992px){main.main-content{min-height:initial;overflow:initial}}.component-collection{padding-top:70px;margin-top:-70px}.component-collection .mobile-menu-filters nav{width:calc(100% + 30px);margin:0 0 15px -15px}.component-collection .mobile-menu-filters nav li a{display:inline-block;padding:10px;white-space:nowrap}.component-collection .mobile-menu-filters .diet-type{visibility:hidden;height:43px}.component-collection .mobile-menu-filters .diet-type ul li:first-child{flex-direction:column;justify-content:center;padding-left:15px}.component-collection .mobile-menu-filters .diet-type ul li a{background-color:#dbe7de;border-radius:5px;font-size:1rem}.component-collection .mobile-menu-filters .diet-type ul li span{display:inline-block;padding:10px;white-space:nowrap;font-size:1rem;background-color:#6e9477;color:#fff;border-radius:5px}.component-collection .mobile-menu-filters .meal-type{margin-bottom:30px;background-color:#000}.component-collection .mobile-menu-filters .meal-type ul li{margin:0 5px}.component-collection .mobile-menu-filters .meal-type ul li a,.component-collection .mobile-menu-filters .meal-type ul li span{color:#fff}.component-collection .mobile-menu-filters .meal-type ul li>span{display:inline-block;position:relative;padding:10px}.component-collection .mobile-menu-filters .meal-type ul li>span:after{content:"";position:absolute;bottom:8px;left:10px;width:calc(100% - 20px);height:1.5px;background-color:#fff}.component-collection .desktop-menu-filters{display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 5% 0 3%;white-space:nowrap}.component-collection .desktop-menu-filters ul li a,.component-collection .desktop-menu-filters ul li span{display:inline-block;margin-bottom:10px;padding:5px 0;font-size:1.25rem}.component-collection .desktop-menu-filters ul li a{position:relative;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.component-collection .desktop-menu-filters ul li a:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:2px;background-color:#8b2034;opacity:0;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.component-collection .desktop-menu-filters ul li a:hover{color:#8b2034}.component-collection .desktop-menu-filters ul li a:hover:after{opacity:1}.component-collection .desktop-menu-filters ul li ul{padding:5px 0 15px 30px}.component-collection .desktop-menu-filters ul li ul li a,.component-collection .desktop-menu-filters ul li ul li span{font-size:1.125rem}.component-collection .desktop-menu-filters ul li ul li span{padding-bottom:0;border-bottom:2px solid}.component-collection .meals-grid{flex-wrap:wrap;gap:15px}.component-collection .meals-grid .meal-grid-item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;flex-direction:column}.component-collection .meals-grid .meal-grid-item:after{content:"";position:absolute;width:100%;height:100%;z-index:-1;border-radius:5px;box-shadow:0 5px 15px #0000004d;opacity:0;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.component-collection .meals-grid .meal-grid-item .img-wrapper{position:relative;border-radius:5px 5px 0 0;aspect-ratio:7 / 5;overflow:hidden}.component-collection .meals-grid .meal-grid-item .img-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.component-collection .meals-grid .meal-grid-item .img-wrapper img{width:100%;height:100%;object-fit:cover}.component-collection .meals-grid .meal-grid-item:hover .img-wrapper:after{opacity:.3}.component-collection .meals-grid .meal-grid-item:hover:after{opacity:1}.component-collection .meals-grid .meal-grid-item .text-wrapper{padding:15px 10px;letter-spacing:.06em;border-radius:0 0 5px 5px}.component-collection .meals-grid .meal-grid-item .text-wrapper>div:first-child{margin-bottom:10px;font-weight:600;line-height:1.3}.component-collection .meals-grid .meal-grid-item .text-wrapper .meal-tags{flex-wrap:wrap;column-gap:10px}.component-collection .meals-grid .meal-grid-item .text-wrapper .meal-tags span{font-size:.75rem;text-transform:uppercase;color:#6f6f6f}.component-collection .load-more-wrapper{width:100%}.component-collection .load-more-wrapper .cta{width:100%;height:60px;color:#333;background-color:#fff;border:1.5px solid #333}.component-collection .load-more-wrapper .cta:hover{background-color:#dbe7de}@media screen and (min-height: 600px){.component-collection .mobile-menu-filters{position:sticky;top:70px;z-index:1;width:calc(100% + 30px);margin-left:-15px;padding:15px 15px 0;background-color:#fff}}@media screen and (min-width: 412px){.component-collection .meals-grid .meal-grid-item{width:calc(50% - 7.5px)}.component-collection .meals-grid .meal-grid-item .text-wrapper .meal-tags span{font-size:.625rem}}@media screen and (min-width: 560px){.component-collection .mobile-menu-filters .diet-type li:first-child,.component-collection .mobile-menu-filters .meal-type{font-size:1.25rem}.component-collection .meals-grid .meal-grid-item{width:calc(50% - 7.5px)}}@media screen and (min-width: 768px){.component-collection .mobile-menu-filters .meal-type{margin-bottom:45px}.component-collection .meals-grid .meal-grid-item{width:calc(33.333% - 10px)}}@media screen and (min-width: 992px){.component-collection{padding-top:115px;margin-top:-115px}.component-collection .mobile-menu-filters{display:none}.component-collection .desktop-menu-filters{display:block}}@media screen and (min-height: 620px){.component-collection .desktop-menu-filters{position:sticky;top:115px}}@media screen and (min-width: 1200px){.component-collection{margin-bottom:30px}}@media screen and (min-width: 1400px){.component-collection .meals-grid .meal-grid-item{width:calc(25% - 11.25px)}}@media screen and (min-width: 1600px){.component-collection .meals-grid{gap:25px}.component-collection .meals-grid .meal-grid-item{width:calc(25% - 18.75px)}.component-collection .meals-grid .meal-grid-item .text-wrapper .meal-tags span{font-size:.75rem}}@media screen and (min-width: 1700px){.component-collection .desktop-menu-filters{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/collection-menu.scss.css.map */