@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&display=swap);
.snack-list-block{--bg:oklch(1 0 0);--surface:oklch(0.985 0.006 80);--primary:oklch(0.4 0.1 80);--accent:oklch(0.784 0.144 79.8);--ink:oklch(0.2 0.02 80);--muted:oklch(0.55 0.02 80);--orange-light:oklch(0.97 0.04 80);--orange-dark:oklch(0.35 0.08 80);--orange-border:oklch(0.85 0.08 80);--white:oklch(1 0 0);--border:oklch(0.92 0.01 80);--gold:oklch(0.7 0.14 75);--gold-light:oklch(0.97 0.03 75);--font:"Nunito Sans",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:0.18s cubic-bezier(0.4,0,0.2,1);color:var(--ink);display:flex;flex-direction:column;font-family:var(--font);font-kerning:normal;font-optical-sizing:auto;gap:28px;margin:0 auto;max-width:1536px;overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased}.snack-list-block *,.snack-list-block :after,.snack-list-block :before{box-sizing:border-box}.snack-list-top-bar,.snack-search-label{min-width:0;width:100%}.snack-search-label{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:100px;display:flex;padding:0 var(--space-md);transition:border-color var(--transition),box-shadow var(--transition)}.snack-search-label:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px oklch(.784 .144 79.8/.12)}.snack-search-icon{color:var(--accent);flex-shrink:0;height:18px;margin-right:12px;width:18px}.snack-search-input{background:transparent;border:none;color:var(--ink);flex:1;font-family:var(--font);font-size:15px;font-weight:600;min-width:0;outline:none;padding:14px 0;width:100%}.snack-search-input::-moz-placeholder{color:var(--muted);font-weight:400}.snack-search-input::placeholder{color:var(--muted);font-weight:400}.snack-list-content{align-items:start;display:grid;gap:28px;grid-template-columns:240px 1fr;min-width:0;width:100%}.snack-list-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden;position:sticky;top:20px}.snack-filter-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px}.snack-filter-heading{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.snack-filter-list{display:flex;flex-direction:column;gap:2px}.snack-filter-actions{display:flex;justify-content:flex-end;margin-top:16px}.snack-filter-clear{background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;transition:background var(--transition),border-color var(--transition),color var(--transition)}.snack-filter-clear:hover:not(:disabled){background:var(--orange-light);border-color:var(--orange-border);color:var(--primary)}.snack-filter-clear:disabled{cursor:not-allowed;opacity:.45}.snack-no-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center}.snack-no-results-title{color:var(--ink);font-size:16px;font-weight:800;margin:0 0 8px}.snack-no-results-copy{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.snack-checkbox-label{align-items:center;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;min-width:0;padding:8px;transition:background var(--transition),color var(--transition)}.snack-checkbox-label:hover{background:var(--orange-light);color:var(--primary)}.snack-checkbox-icon{font-size:16px;line-height:1}.snack-checkbox-count{background:var(--surface);border-radius:100px;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700;margin-left:auto;padding:2px 7px}.snack-filter-checkbox{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:16px;width:16px}.snack-list-main{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}.snack-count{color:var(--muted);font-size:13px;font-weight:600;margin:0}.snack-card-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-width:0;width:100%}.snack-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),opacity .22s ease,scale .22s ease}.snack-card:hover{border-color:var(--accent);box-shadow:0 10px 28px oklch(.4 .1 80/.08);transform:translateY(-4px)}.snack-card:focus-within{border-color:var(--accent);box-shadow:0 8px 20px oklch(.4 .1 80/.06)}.snack-card.is-text-only{background:linear-gradient(180deg,oklch(.995 .01 80),oklch(.98 .02 80));border-color:oklch(.92 .01 80/.6)}.snack-card.is-text-only .snack-card-body{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;padding:var(--space-xl);text-align:center}.snack-card.is-text-only .snack-card-title{font-size:clamp(1.125rem,4.4vw,22px);letter-spacing:-.01em;line-height:1.08}.snack-card.is-text-only .snack-card-description{display:block;-webkit-line-clamp:none;margin-top:6px;max-width:54ch;overflow:visible}.snack-card-badges--inline{display:flex;gap:8px;justify-content:flex-end;margin-bottom:4px;width:100%}.snack-card--hidden{opacity:0;pointer-events:none;scale:.95}.snack-card-image{aspect-ratio:16/9;background:var(--orange-light);overflow:hidden;position:relative;width:100%}.snack-card-image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.snack-image-fallback{align-items:center;background:linear-gradient(135deg,var(--orange-light) 0,oklch(.88 .1 80) 100%);display:flex;height:100%;justify-content:center;width:100%}.snack-image-fallback-emoji{font-size:44px;line-height:1}.snack-card-badges{display:flex;gap:8px;left:12px;position:absolute;top:12px;z-index:2}.snack-card-badge{border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 11px;text-transform:uppercase}.featured-badge{background:var(--accent);color:var(--primary)}.own-product-badge{background:var(--gold-light);border:1px solid oklch(.7 .14 75/.15);color:var(--gold)}.snack-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:var(--space-md)}.snack-swap-label{align-items:center;color:var(--muted);display:flex;font-size:.8125rem;font-weight:600;gap:5px;margin:0;margin-bottom:0!important}.snack-swap-label-icon{font-size:13px}.snack-card-title{color:var(--ink);font-size:1.125rem;font-weight:800;line-height:1.25;margin:0;overflow-wrap:break-word;text-wrap:balance}.snack-card-brand{color:var(--primary);font-size:.6875rem;font-weight:800;letter-spacing:.04em;margin:0;margin-bottom:0!important;text-transform:uppercase}.snack-health-score{align-items:baseline;display:inline-flex;font-size:13px;font-weight:800;gap:1px;letter-spacing:-.01em;line-height:1;margin:0}.snack-health-score-value{font-size:15px;font-weight:800}.snack-health-score-max{font-size:11px;font-weight:700;opacity:.75}.snack-health-score.score-red{color:oklch(.42 .18 25)}.snack-health-score.score-orange{color:oklch(68.349% .18834 41.052)}.snack-health-score.score-green{color:oklch(.4 .16 145)}.snack-card-description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--muted);font-size:1rem;line-height:1.6;margin:0;max-width:65ch;overflow:hidden}.snack-tag-list{display:flex;flex-wrap:wrap;gap:6px}.snack-tag{background:var(--orange-light);border-radius:100px;color:var(--primary);font-size:11px;font-weight:700;padding:3px 10px}.snack-card-actions{display:flex;gap:8px;margin-top:auto}.snack-card-actions:empty{display:none}.snack-card-button{align-items:center;border-radius:100px;display:inline-flex;flex:1;font-family:var(--font);font-size:13px;font-weight:700;justify-content:center;min-height:44px;padding:10px 12px;text-align:center;text-decoration:none;transition:background-color var(--transition),transform .1s ease}.snack-card-button:active{transform:scale(.97)}.snack-card-button:focus-visible{box-shadow:0 0 0 4px oklch(.784 .144 79.8/.14);outline:none}.snack-filter-checkbox:focus-visible{outline:3px solid oklch(.784 .144 79.8/.12);outline-offset:2px}.snack-card-button.primary{background:var(--primary);color:var(--white)}.snack-card-button.primary:hover{background:var(--orange-dark);color:var(--white)}.snack-card-button.secondary{background:var(--orange-light);color:var(--primary)}.snack-card-button.secondary:hover{background:var(--orange-border)}.snack-filter-toggle{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;display:none;font-family:var(--font);font-size:14px;font-weight:700;justify-content:space-between;padding:12px 16px;transition:border-color var(--transition),background var(--transition);width:100%}.snack-filter-toggle:hover{background:var(--orange-light);border-color:var(--accent);color:var(--primary)}.snack-filter-toggle-label{align-items:center;display:flex;gap:8px}.snack-filter-toggle-badge{align-items:center;background:var(--accent);border-radius:100px;color:var(--primary);display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;opacity:0;padding:0 6px;transition:opacity var(--transition)}.snack-filter-toggle-badge.is-active{opacity:1}.snack-filter-toggle-chevron{color:var(--muted);flex-shrink:0;height:18px;transition:transform var(--transition);width:18px}.snack-list-sidebar.is-open .snack-filter-toggle-chevron{transform:rotate(180deg)}@media (max-width:1024px){.snack-list-content{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%}.snack-list-sidebar{gap:0;min-width:0;overflow:visible;position:static;width:100%}.snack-filter-toggle{display:flex}.snack-filter-drawer{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .22s ease}.snack-filter-drawer-inner{overflow:hidden}.snack-list-sidebar.is-open .snack-filter-drawer{grid-template-rows:1fr}.snack-filter-section{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:16px}.snack-filter-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.snack-filter-list::-webkit-scrollbar{display:none}.snack-checkbox-label{background:var(--surface);border:1px solid var(--border);border-radius:100px;flex-shrink:0;font-size:13px;gap:6px;padding:8px 14px;white-space:nowrap}.snack-checkbox-label.is-checked,.snack-checkbox-label:has(.snack-filter-checkbox:checked){background:var(--orange-light);border-color:var(--orange-border);color:var(--primary)}.snack-checkbox-count{background:var(--white)}.snack-filter-actions{border-top:1px solid var(--border);justify-content:flex-start;margin-top:14px;padding-top:14px}.snack-card-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));min-width:0;width:100%}}@media (prefers-reduced-motion:reduce){.snack-list-block *,.snack-list-block :after,.snack-list-block :before{animation-delay:0s!important;animation-duration:0s!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media (max-width:640px){.snack-list-block{gap:18px;padding-left:4px;padding-right:4px}.snack-search-input{font-size:14px;padding:10px 0}.snack-card-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.snack-card{border-radius:12px}.snack-card-image{aspect-ratio:4/3}.snack-image-fallback-emoji{font-size:36px}.snack-card-body{padding:12px}.snack-card-title{font-size:15px}}@media (max-width:480px){.snack-list-block{gap:12px;padding-left:0;padding-right:0}.snack-search-label{padding:0 12px}.snack-search-input{font-size:13px;padding:8px 0}.snack-card-grid{gap:12px;grid-template-columns:1fr}.snack-card{border-radius:10px}.snack-card-image{aspect-ratio:16/9}.snack-image-fallback-emoji{font-size:32px}.snack-card-body{gap:6px;padding:10px}.snack-card-title{font-size:14px}.snack-card-description{font-size:13px}.snack-card-button{font-size:13px;padding:8px}.snack-checkbox-label{font-size:12px;padding:7px 12px}}