.meal-filters button,.meal-filter-chip{cursor:pointer!important}.meal-filters{margin-bottom:16px;max-width:100%;position:relative;z-index:3}.meal-filters__toggle-container{display:flex;align-items:center;justify-content:flex-end;gap:16px}.filter-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1.5px solid #ccc;border-radius:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;font-weight:500;color:#666}.filter-toggle-button:hover{border-color:#1c1c1c;color:#1c1c1c}.filter-toggle-button svg{width:16px;height:16px}.filter-count{background:#1c1c1c;color:#fff;padding:1px 8px;border-radius:50px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.meal-filters{display:none}.desktop-filter-container{margin-top:20px;padding:0 10px}.desktop-filter-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;font-weight:500;color:#1c1c1c}.desktop-filter-button:hover{color:#1c1c1c;background:#f0f0f0;border-color:#ccc}.desktop-filter-button svg{width:16px;height:16px}.desktop-filter-button .filter-count{background:#1c1c1c;color:#fff;padding:2px 8px;border-radius:50px;font-size:12px;font-weight:600}@media screen and (max-width: 768px){.desktop-filter-container{display:none}}.mobile-filter-button{display:none;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#fff;border:1.5px solid #1c1c1c;border-radius:8px;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;font-weight:600;color:#1c1c1c;min-width:100px}.mobile-filter-button svg{width:16px;height:16px}.mobile-filter-button .filter-count{background:#1c1c1c;color:#fff;padding:1px 6px;border-radius:50px;font-size:11px;font-weight:600}@media screen and (max-width: 768px){.mobile-filter-button{display:flex}.custom-box-page .mobile-actions__container{justify-content:flex-start;gap:10px;padding:12px 16px}.custom-box-page .mobile-actions__container .mobile-filter-button{flex-shrink:0;padding:10px 14px;min-width:auto}.custom-box-page .mobile-actions__container .mobile-actions__missing-items,.custom-box-page .mobile-actions__container .mobile-actions__add-to-cart-button{flex:1;width:auto}}.filter-sidebar-overlay{position:fixed;left:0;right:0;bottom:0;top:0;background:#00000080;z-index:100;display:none}.filter-sidebar-overlay.active{display:block}.filter-sidebar{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90vw;background:#fff;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;box-shadow:-4px 0 20px #0000001a}.filter-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#fff}.filter-sidebar__header h2{font-family:Open Sans,Helvetica,sans-serif;font-size:24px;font-weight:700;color:#1c1c1c;margin:0}.filter-sidebar__close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.filter-sidebar__close:hover{background:#0000000d}.filter-sidebar__close svg{display:block;color:#1c1c1c}.filter-sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden}.filter-sidebar__content::-webkit-scrollbar{width:6px}.filter-sidebar__content::-webkit-scrollbar-track{background:transparent}.filter-sidebar__content::-webkit-scrollbar-thumb{background-color:#b3aea8;border-radius:3px}.filter-sidebar__section{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fff}.filter-sidebar__section:last-child{border-bottom:none}.filter-sidebar__section-title{font-family:Open Sans,Helvetica,sans-serif;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:#1c1c1c;margin:0 0 14px}.filter-sidebar__chips{display:flex;flex-wrap:wrap;gap:10px}.meal-filter-chip--sidebar,.meal-filter-chip--filter-sidebar{padding:8px 16px;background:#fff;border:1.5px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;font-family:Open Sans,Helvetica,sans-serif;font-size:13px;font-weight:500;color:#666}.meal-filter-chip--sidebar:hover:not(.disabled),.meal-filter-chip--filter-sidebar:hover:not(.disabled){border-color:#1c1c1c;color:#1c1c1c}.meal-filter-chip--sidebar.active,.meal-filter-chip--filter-sidebar.active{background:#1c1c1c;border-color:#1c1c1c;color:#fff;font-weight:600}.meal-filter-chip--sidebar.active:hover,.meal-filter-chip--filter-sidebar.active:hover{background:#333;border-color:#333;color:#fff}.meal-filter-chip--sidebar.disabled,.meal-filter-chip--filter-sidebar.disabled{opacity:.35;cursor:not-allowed!important;pointer-events:auto!important}.meal-filter-chip--sidebar.disabled:hover,.meal-filter-chip--filter-sidebar.disabled:hover{border-color:#ddd;color:#666}.filter-sidebar__footer{padding:20px 24px;border-top:1px solid #eee;background:#fff;display:flex;flex-direction:column;gap:12px}.filter-sidebar__apply{width:100%;padding:14px 24px;background:#1c1c1c;border:none;border-radius:8px;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:15px;font-weight:600;color:#fff;transition:background-color .2s ease}.filter-sidebar__apply:hover{background:#333}.filter-sidebar__reset{width:100%;padding:10px 20px;background:transparent;border:none;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:13px;font-weight:500;color:#888;text-decoration:underline;transition:color .2s ease}.filter-sidebar__reset:hover{color:#1c1c1c}.meal-filters__hauptkategorie{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.meal-filter-chip--haupt{padding:10px 24px;background:#fff;border:2px solid #1c1c1c;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#1c1c1c;text-transform:none}.meal-filter-chip--haupt:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;cursor:pointer}.meal-filter-chip--haupt.active{background:#1c1c1c;border-color:#1c1c1c;color:#fff}.meal-filter-chip--haupt.active:hover{background:#333;border-color:#333}.meal-filter-chip--haupt.disabled{opacity:.4;cursor:not-allowed!important;pointer-events:auto!important}.meal-filter-chip--haupt.disabled:hover{transform:none;box-shadow:none}.meal-filters__divider{height:1px;background:#0000001a;margin:24px 0 20px}.meal-filters__filterkategorie{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.meal-filter-chip--filter{padding:8px 18px;background:transparent;border:1.5px solid #1c1c1c;border-radius:50px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;font-family:Open Sans,Helvetica,sans-serif;font-size:13px;font-weight:500;color:#1c1c1c}.meal-filter-chip--filter:hover:not(.disabled){border-color:#1c1c1c;color:#1c1c1c;background:#00000005;cursor:pointer}.meal-filter-chip--filter.active{background:#1c1c1c;border-color:#1c1c1c;color:#fff;font-weight:600}.meal-filter-chip--filter.active:hover{background:#333;border-color:#333}.meal-filter-chip--filter.disabled{opacity:.4;cursor:not-allowed!important;pointer-events:auto!important}.meal-filter-chip--filter.disabled:hover{background:transparent;border-color:#1c1c1c}.meal-filters__clear{display:block;margin:20px auto 0;padding:10px 20px;background:transparent;border:none;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:13px;font-weight:500;color:#888;text-decoration:underline;transition:all .2s ease}.meal-filters__clear:hover{color:#1c1c1c}.meal-filters__clear.hidden{display:none}.meal-filter-no-results{text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:12px;margin-top:20px}.meal-filter-no-results p{font-family:Open Sans,Helvetica,sans-serif;font-size:16px;color:#666;margin:0}@media screen and (max-width: 900px){.meal-filters{padding:14px 16px}.filter-toggle-button{padding:10px 24px;font-size:15px}.filter-sidebar{width:340px}.filter-sidebar__section{padding:16px 20px}.meal-filter-chip--sidebar{padding:8px 16px;font-size:13px}}@media screen and (max-width: 600px){.meal-filters{padding:12px;border-radius:12px}.filter-toggle-button{padding:10px 20px;font-size:14px;border-radius:10px}.filter-toggle-button svg{width:18px;height:18px}.filter-count{padding:2px 8px;font-size:12px}.filter-sidebar{width:100%;max-width:100vw}.filter-sidebar__header{padding:16px 20px}.filter-sidebar__header h2{font-size:20px}.filter-sidebar__section{padding:16px}.filter-sidebar__section-title{font-size:11px;margin-bottom:12px}.filter-sidebar__chips{gap:8px}.meal-filter-chip--sidebar{padding:8px 14px;font-size:13px;border-radius:8px}.meal-filter-chip--filter-sidebar{padding:6px 12px;font-size:12px}.filter-sidebar__footer{padding:16px}.filter-sidebar__apply{padding:12px 20px;font-size:14px}}@media screen and (max-width: 400px){.filter-toggle-button{padding:8px 16px;font-size:13px;gap:8px}.meal-filter-chip--sidebar{padding:6px 12px;font-size:12px}.meal-filter-chip--filter-sidebar{padding:5px 10px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/meal-filter.css.map */