.scroll-area{--scrollbar-size:8px;block-size:100%;inline-size:100%;overflow:hidden}.scroll-area__viewport{border-radius:inherit;block-size:100%;inline-size:100%}.scroll-area__scrollbar{-webkit-user-select:none;user-select:none;touch-action:none;background:rgb(var(--slate-200),.1);padding:2px;transition:background .16s ease-out;display:flex}.scroll-area__scrollbar:hover{background:rgb(var(--slate-200),.2)}.scroll-area__scrollbar[data-orientation=vertical]{inline-size:var(--scrollbar-size)}.scroll-area__scrollbar[data-orientation=horizontal]{block-size:var(--scrollbar-size);flex-direction:column}.scroll-area__thumb{background:var(--slate-400);border-radius:var(--scrollbar-size);flex:1;position:relative}.scroll-area__thumb:before{content:"";block-size:100%;min-block-size:44px;inline-size:100%;min-inline-size:44px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.dialog__overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#0f172a8c;animation:.2s cubic-bezier(.16,1,.3,1) overlayShow;position:fixed;inset:0}.dialog__content{background-color:var(--color-white);z-index:101;outline:none;position:fixed;box-shadow:0 25px 50px -12px #00000040}.dialog__content:focus{outline:none}.dialog__content--modal{border-radius:1.5rem;flex-direction:column;max-block-size:85vh;inline-size:90vw;max-inline-size:500px;padding:2rem;animation:.15s cubic-bezier(.16,1,.3,1) contentShow;display:flex;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.dialog__content--drawer{flex-direction:column;block-size:100vh;inline-size:90vw;max-inline-size:400px;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) drawerShow;display:flex;inset-block:0;inset-inline-end:0}.dialog__header{text-align:center;flex-shrink:0;margin-block-end:1.5rem;padding:1.5rem 1.5rem 0}.dialog__title{color:var(--color-slate-900);margin:0;font-size:1.35rem;font-weight:900}.dialog__description{color:var(--color-slate-400);margin:.5rem 0 0;font-size:.85rem;line-height:1.6}.dialog__body{flex:1;min-block-size:0;padding:0 1.5rem;overflow-y:auto}.dialog__body>[data-radix-scroll-area-viewport]{padding-block-end:1rem}.dialog__footer{-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-block-start:1px solid #f8fafc;flex-shrink:0;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.dialog__close-btn{block-size:2.25rem;inline-size:2.25rem;color:var(--color-slate-400);background-color:var(--color-slate-50);z-index:102;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset-block-start:1.25rem;inset-inline-start:1.25rem}.dialog__close-btn:hover{background-color:var(--color-slate-200);color:var(--color-slate-700)}.dialog__close-btn:active{transform:scale(.95)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes drawerShow{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.popover__content{background-color:var(--color-white);will-change:transform,opacity;z-index:1000;border:1px solid var(--color-slate-100);border-radius:1.25rem;outline:none;padding:.5rem;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.popover__content[data-state=open][data-side=top]{animation-name:slideDownAndFade}.popover__content[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.popover__content[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.popover__content[data-state=open][data-side=left]{animation-name:slideRightAndFade}.popover__arrow{fill:var(--color-white)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.multi-select-dropdown{position:relative}.multi-select-dropdown__label{color:var(--color-slate-700);align-items:center;gap:.5rem;margin-block-end:.5rem;font-size:.75rem;font-weight:900;display:flex}.multi-select-dropdown__label-icon{color:var(--color-primary);align-items:center;display:flex}.multi-select-dropdown__trigger{background-color:var(--color-white);border:2px solid var(--color-slate-100);cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;min-block-size:48px;padding:.5rem .75rem;transition:all .2s;display:flex}.multi-select-dropdown__trigger:hover{border-color:var(--color-slate-200)}.multi-select-dropdown__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff4f001a}.multi-select-dropdown__selected-area{flex-wrap:wrap;flex:1;gap:.375rem;display:flex}.multi-select-dropdown__placeholder{color:var(--color-slate-400);font-size:.875rem;font-weight:500}.multi-select-dropdown__tag{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:flex}.multi-select-dropdown__tag-remove{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.125rem;transition:background-color .2s;display:flex}.multi-select-dropdown__tag-remove:hover{background-color:#fdba74}.multi-select-dropdown__chevron{color:var(--color-slate-400);flex-shrink:0;align-items:center;transition:transform .3s;display:flex}.multi-select-dropdown__chevron--open{transform:rotate(180deg)}.multi-select-dropdown__menu{background-color:var(--color-white);border:1px solid var(--color-slate-100);z-index:50;scrollbar-width:thin;border-radius:1rem;max-block-size:15rem;margin-block-start:.5rem;animation:.2s dropdownFadeIn;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.multi-select-dropdown__option{cursor:pointer;color:var(--color-slate-600);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .15s;display:flex}.multi-select-dropdown__option:hover{background-color:var(--color-slate-50)}.multi-select-dropdown__option--selected{color:#c2410c;background-color:#fff7ed}.multi-select-dropdown__check-icon{color:var(--color-primary)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.numeric-range-input{-webkit-user-select:none;user-select:none;touch-action:none}.numeric-range-input__header{justify-content:space-between;align-items:center;margin-block-end:1.5rem;display:flex}.numeric-range-input__label{color:var(--color-slate-700);align-items:center;gap:.5rem;font-size:.75rem;font-weight:900;display:flex}.numeric-range-input__label-icon{align-items:center;display:flex}.numeric-range-input__value-display{color:var(--color-primary);box-shadow:var(--shadow-sm);background-color:#fff7ed;border:1px solid #ffedd5;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.numeric-range-input__track-container{align-items:center;block-size:3rem;margin:0 .75rem;display:flex;position:relative}.numeric-range-input__track{background-color:var(--color-slate-100);border-radius:9999px;block-size:.5rem;inline-size:100%;position:relative;overflow:hidden}.numeric-range-input__track-fill{background-color:var(--color-primary);border-radius:9999px;block-size:100%;transition:all 75ms;position:absolute}.numeric-range-input__thumb{background-color:var(--color-white);border:2px solid var(--color-primary);cursor:grab;z-index:20;border-radius:9999px;block-size:1.5rem;inline-size:1.5rem;transition:transform .15s;position:absolute;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.numeric-range-input__thumb:active{cursor:grabbing;transform:scale(1.1)}.numeric-range-input__thumb:hover{background-color:#fff7ed}.numeric-range-input__thumb:hover .numeric-range-input__thumb-tooltip{opacity:1}.numeric-range-input__thumb-tooltip{background-color:var(--color-slate-800);color:var(--color-white);opacity:0;pointer-events:none;white-space:nowrap;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;transition:opacity .2s;position:absolute;inset-block-start:-2rem;inset-inline-start:50%;transform:translate(-50%)}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.search-hero{padding-block-start:var(--spacing-8);position:relative}@media (min-width:1024px){.search-hero{padding-block-start:var(--spacing-12)}}.search-hero__drawer-body-inner{gap:var(--spacing-4);flex-direction:column;padding-block-end:var(--spacing-4);display:flex}.search-hero__autocomplete-inner{scrollbar-width:none;max-block-size:480px;inline-size:100%;padding:.75rem;overflow-y:auto}.search-hero__autocomplete-inner::-webkit-scrollbar{display:none}.search-hero__autocomplete-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);inline-size:var(--radix-popover-trigger-width)!important;background:#ffffffd9!important;border:1px solid #ffffff80!important;box-shadow:0 25px 50px -12px #00000026!important}.search-hero__reset-btn{flex:1;border:1.5px solid var(--color-slate-200)!important;color:var(--color-slate-700)!important;box-shadow:none!important;background-color:#0000!important;border-radius:12px!important;block-size:3.25rem!important;font-size:.95rem!important;font-weight:700!important}.search-hero__reset-btn:hover{background-color:var(--color-slate-50)!important;transform:none!important}.search-hero__apply-btn{flex:1.8;box-shadow:none!important;background-color:var(--color-primary)!important;border-radius:12px!important;block-size:3.25rem!important;font-size:.95rem!important;font-weight:700!important}.search-hero__apply-btn:hover{background-color:#e65500!important;transform:none!important}.search-hero__header{text-align:center;margin-block-end:var(--spacing-6)}.search-hero__badge{border-radius:var(--radius-full);background-color:var(--color-white);border:1px solid var(--color-slate-100);color:var(--color-slate-900);text-transform:uppercase;letter-spacing:.2em;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;margin-block-end:var(--spacing-6);padding:.375rem 1rem;font-size:.625rem;font-weight:900;display:inline-flex}@media (min-width:1024px){.search-hero__badge{padding:.5rem 1.5rem;font-size:.75rem}}.search-hero__main-title{letter-spacing:-.05em;margin-block-end:var(--spacing-6);line-height:.85;font-size:2.25rem!important}@media (min-width:1024px){.search-hero__main-title{font-size:6rem!important}}.search-hero__highlight-text{color:var(--color-primary);text-underline-offset:8px;font-style:italic;-webkit-text-decoration:underline #ffedd5;text-decoration:underline #ffedd5}.search-hero__description{color:var(--color-slate-400);max-inline-size:42rem;margin-block-end:var(--spacing-10);margin-inline:auto;font-size:1rem;font-weight:700}@media (min-width:1024px){.search-hero__description{font-size:1.5rem}}.search-hero__mode-switcher-container{justify-content:center;margin-block-end:var(--spacing-8);display:flex}.search-hero__mode-switcher{background-color:var(--color-white);border:1px solid var(--color-slate-100);border-radius:2rem;align-items:center;inline-size:100%;max-inline-size:20rem;padding:.375rem;display:flex;position:relative;box-shadow:0 4px 24px -4px #00000014}@media (min-width:1024px){.search-hero__mode-switcher{max-inline-size:24rem}}.search-hero__mode-indicator{background-color:var(--color-slate-900);block-size:calc(100% - 12px);inline-size:calc(50% - 6px);box-shadow:var(--shadow-md);border-radius:1.8rem;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset-block-start:6px;inset-inline-start:6px}.search-hero__mode-indicator--name{transform:translate(100%)}[dir=rtl] .search-hero__mode-indicator--name{transform:translate(-100%)}.search-hero__mode-indicator--ingredients{transform:translate(0)}.search-hero__mode-btn{z-index:10;color:var(--color-slate-400);cursor:pointer;border-radius:1.8rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.75rem;font-weight:900;transition:color .3s;display:flex;position:relative}@media (min-width:1024px){.search-hero__mode-btn{font-size:.875rem}}.search-hero__mode-btn:not(.search-hero__mode-btn--active):hover{color:var(--color-slate-600)}.search-hero__mode-btn--active,.search-hero__mode-btn--active:hover{color:var(--color-white)}.search-hero__search-container{max-inline-size:56rem;z-index:20;margin-block-end:var(--spacing-10);margin-inline:auto;position:relative}.search-hero__search-bar{background-color:var(--color-white);border:2px solid var(--color-slate-50);box-shadow:var(--shadow-xl);border-radius:2.5rem;flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;transition:all .5s;display:flex}.search-hero__search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 8px #fff7ed}@media (min-width:1024px){.search-hero__search-bar{border-radius:4rem;flex-direction:row;align-items:center;gap:1rem;min-block-size:100px;padding:.75rem}}.search-hero__action-btn{border-radius:var(--radius-full);block-size:70px;inline-size:70px;box-shadow:var(--shadow-lg);color:var(--color-white);background-color:#888;flex-shrink:0;justify-content:center;align-items:center;transition:all .5s;display:flex}@media (min-width:1024px){.search-hero__action-btn{block-size:85px;inline-size:85px}}.search-hero__action-btn:active{transform:scale(.95)}.search-hero .search-hero__search-bar:focus-within .search-hero__action-btn:not(:disabled),.search-hero__action-btn--loading{background-color:var(--color-primary)}.search-hero__action-btn--disabled{opacity:.5;filter:grayscale()}.search-hero__input-area{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex;overflow:hidden}@media (min-width:1024px){.search-hero__input-area{padding:.5rem 1.5rem}}.search-hero__chip{background-color:var(--color-slate-100);color:var(--color-slate-800);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .5rem;font-size:.75rem;font-weight:900;animation:.3s zoomIn;display:flex}@media (min-width:1024px){.search-hero__chip{gap:.75rem;padding:.75rem 1.5rem .75rem .5rem;font-size:.875rem}}.search-hero__chip-remove{background-color:var(--color-slate-200);color:var(--color-slate-500);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;transition:colors .3s;display:flex}.search-hero__chip-remove:hover{background-color:var(--color-danger);color:var(--color-white)}.search-hero__input{min-inline-size:140px;color:var(--color-slate-800);background-color:#0000;border:none;outline:none;flex:1;font-size:1.25rem;font-weight:900}.search-hero__input::placeholder{color:var(--color-slate-300)}@media (min-width:1024px){.search-hero__input{font-size:1.875rem}}.search-hero__filter-btn{border:2px solid var(--color-slate-100);background-color:var(--color-white);color:var(--color-slate-500);cursor:pointer;border-radius:2.5rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .3s;display:flex}@media (min-width:1024px){.search-hero__filter-btn{border-radius:3.5rem;padding:1.75rem 3rem}}.search-hero__filter-btn:active{transform:scale(.95)}.search-hero__filter-btn:hover{border-color:var(--color-primary)}.search-hero__filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-xl)}.search-hero__filter-text{font-size:.75rem;font-weight:900}@media (min-width:1024px){.search-hero__filter-text{font-size:1.5rem}}.search-hero__filter-count{background-color:var(--color-white);block-size:1.25rem;inline-size:1.25rem;color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;font-size:.625rem;font-weight:900;display:flex}@media (min-width:1024px){.search-hero__filter-count{block-size:1.5rem;inline-size:1.5rem}}.search-hero__suggestions-header{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.625rem;font-weight:900;display:flex}.search-hero__suggestion-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1.25rem;justify-content:space-between;align-items:center;inline-size:100%;margin-block-end:.25rem;padding:.5rem .75rem;transition:all .3s;display:flex}.search-hero__suggestion-item:last-child{margin-block-end:0}.search-hero__suggestion-item:hover{background-color:var(--color-white);border-color:#00000005;box-shadow:0 4px 20px -5px #0000000d}.search-hero__suggestion-item:hover .search-hero__emoji{background-color:var(--color-white);transform:scale(1.05)}.search-hero__suggestion-item:hover .search-hero__add-icon{background-color:var(--color-primary);color:var(--color-white)}.search-hero__suggestion-info{align-items:center;gap:1.25rem;display:flex}.search-hero__emoji{background-color:var(--color-slate-50);border:1px solid var(--color-slate-100);border-radius:1rem;justify-content:center;align-items:center;block-size:3rem;inline-size:3rem;font-size:1.5rem;transition:transform .3s;display:flex}.search-hero__suggestion-text{color:var(--color-slate-700);font-size:1rem;font-weight:700}.search-hero__add-icon{border-radius:var(--radius-full);background-color:var(--color-slate-50);block-size:2rem;inline-size:2rem;color:var(--color-slate-300);justify-content:center;align-items:center;transition:all .3s;display:flex}.search-hero__add-icon svg{block-size:16px;inline-size:16px}.search-hero__suggestion-item:last-child .search-hero__add-icon{background-color:var(--color-primary);color:var(--color-white)}.search-hero__popular-suggestions{flex-direction:column;gap:.75rem;display:flex}.search-hero__popular-header{color:var(--color-slate-400);align-items:center;gap:.5rem;padding:0 1rem;font-size:.7rem;font-weight:900;display:flex}.search-hero__popular-item{cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;inline-size:100%;padding:.75rem;transition:background-color .3s;display:flex}.search-hero__popular-item:hover{background-color:var(--color-slate-50)}.search-hero__popular-item:hover .search-hero__popular-emoji{background-color:var(--color-white)}.search-hero__popular-item:hover .search-hero__arrow-icon{color:var(--color-primary)}.search-hero__popular-info{align-items:center;gap:1rem;display:flex}.search-hero__popular-emoji{background-color:var(--color-slate-50);border-radius:.75rem;justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;font-size:1.5rem;transition:background-color .3s;display:flex}.search-hero__popular-text{color:var(--color-slate-600);font-size:1rem;font-weight:700}.search-hero__arrow-icon{color:var(--color-slate-300);transition:color .3s;transform:rotate(180deg)}.search-hero__no-results{text-align:center;padding:3rem 0}.search-hero__no-results-icon{background-color:var(--color-slate-50);border-radius:var(--radius-full);block-size:4rem;inline-size:4rem;color:var(--color-slate-300);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.search-hero__no-results-text{color:var(--color-slate-400);font-size:.875rem;font-weight:700}.search-hero .highlight-match{color:var(--color-primary);border-block-end:3px solid #ff4f0033;font-weight:900}.search-hero__highlight-normal{color:var(--color-slate-700)}.search-hero__loading-state{color:var(--color-slate-400);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.search-hero__ingredient-img{-o-object-fit:contain;object-fit:contain;block-size:2rem;inline-size:2rem}.search-hero__loading-text{text-align:center;color:var(--color-slate-400);padding:2rem}.search-hero__recipe-img{-o-object-fit:cover;object-fit:cover;border-radius:.75rem;block-size:2.5rem;inline-size:2.5rem}.search-hero__recipe-info{flex-direction:column;display:flex}.search-hero__recipe-meta{color:var(--color-slate-400);font-size:.75rem}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}