.page-soeg{background-color:#F8F5F0;min-height:100vh}.page-soeg #main{background-color:#F8F5F0}.search-form{--main-color: #2b536c;margin-top:50px}.search-form .query{margin-bottom:30px;background-color:#fff;border:1px solid #e9e3d7;border-radius:8px;display:flex;align-items:center;gap:5px;padding:0 5px}.search-form .query span{text-transform:uppercase;font-weight:500;font-size:12px;opacity:0.5;white-space:nowrap}.search-form .query .toggle{display:flex;border-radius:17px;background-color:#e3e0da;padding:3px;font-size:14px;position:relative}.search-form .query .toggle .item{padding:5px 10px;border-radius:15px;cursor:pointer}.search-form .query .toggle .item.active{background-color:var(--main-color);color:#fff}.search-form .query .toggle:after{content:"";position:absolute;right:-12px;top:3px;bottom:3px;background-color:#000;width:1px;opacity:0.25}.search-form .query input{background:none;border:none;padding:0 10px 0 0;height:40px;width:100%;margin-left:16px}.search-form .query img{opacity:0.5}.search-form .query:focus,.search-form .query:hover{border-color:var(--main-color)}@media screen and (max-width:675px){.search-form .query{position:relative}.search-form .query .toggle{top:-35px;left:50%;transform:translateX(-50%);position:absolute}.search-form .query .toggle:after{display:none}}.search-form .filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.search-form .filters .filter-wrapper{position:relative;background:unset;padding:unset;margin:unset}.search-form .filters .filter-wrapper .filter-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid #e9e3d7;border-radius:8px;padding:6px 11px;background:#fff;font-size:14px;cursor:pointer;position:relative;white-space:nowrap;transition:all 0.12s;font-weight:500;color:#000}.search-form .filters .filter-wrapper .filter-btn:focus,.search-form .filters .filter-wrapper .filter-btn:hover{border-color:var(--main-color)}.search-form .filters .filter-wrapper .filter-btn.selected{background:var(--main-color);color:#fff}.search-form .filters .filter-wrapper .filter-btn svg{transition:all 0.2s ease-in-out}.search-form .filters .filter-wrapper .filter-btn.toggled svg{transform:rotate(180deg)}.search-form .filters .filter-wrapper .panel{position:absolute;top:calc(100% + 5px);left:0;min-width:250px;background:#fff;border:1px solid #e9e3d7;border-radius:5px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);z-index:150;padding:10px;display:none}.search-form .filters .filter-wrapper .panel.visible{display:block}.search-form .filters .filter-wrapper .panel .label-wrapper{display:flex;align-items:center;justify-content:space-between}.search-form .filters .filter-wrapper .panel .label-wrapper #cal_value,.search-form .filters .filter-wrapper .panel .label-wrapper #protein_value{font-size:12px;font-weight:600}.search-form .filters .filter-wrapper .panel .label{font-size:12px;font-weight:500;text-transform:uppercase;opacity:0.75;margin-bottom:8px}.search-form .filters .filter-wrapper .panel p{font-size:13px;line-height:1.3}.search-form .filters .filter-wrapper .panel .premium-link{background-color:var(--main-color);color:#fff;border-radius:5px;padding:8px 12px;display:inline-block;margin-top:10px;font-size:12px}.search-form .filters .filter-wrapper .panel .tags{display:flex;flex-wrap:wrap;gap:5px}.search-form .filters .filter-wrapper .panel .tags .tag-btn{display:inline-block;background:#e9e3d7;border-radius:20px;padding:4px 10px;font-size:12px;cursor:pointer;border:1px solid transparent;color:#333;transition:all 0.12s}.search-form .filters .filter-wrapper .panel .tags .tag-btn.selected{background:var(--main-color);color:#fff}.search-form .filters .filter-wrapper .panel input[type="range"]{width:100%;accent-color:var(--main-color);margin:unset;max-width:unset}.search-form .filters .filter-wrapper .panel .range{display:flex;justify-content:space-between;font-size:11px;margin-top:3px;opacity:0.75}.search-form .active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.search-form .active-filters.inactive{display:none}.search-form .active-filters .chip,.search-form .active-filters .clear{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 12px;font-size:13px;cursor:pointer;line-height:1}.search-form .active-filters .chip{background:var(--main-color);color:#fff;font-weight:500}.search-form .active-filters .clear{background:none;border:1px solid #e9e3d7;opacity:0.75}#empty-result{display:none}#other-result{display:grid;grid-template-columns:repeat(4, 1fr);gap:7px;margin-bottom:7px}#recipe-result{display:grid;grid-template-columns:repeat(4, 1fr);gap:7px;margin-bottom:20px}#recipe-result .recipe{background:#fff;border-radius:0px;overflow:hidden;border:1px solid #e9e3d7;text-decoration:none;color:inherit;display:block;position:relative;transition:transform 0.15s, box-shadow 0.15s}#recipe-result .recipe:focus,#recipe-result .recipe:hover{border-color:var(--main-color)}#recipe-result .recipe.placeholder .image,#recipe-result .recipe.placeholder .line{animation:shimmer 1.5s infinite linear;background:linear-gradient(120deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);background-size:200% 100%}#recipe-result .recipe.placeholder .line{height:16px}#recipe-result .recipe .image{--height: 255px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;background-size:auto 100%;background-position:center;height:var(--height)}#recipe-result .recipe .image.lazyload{background-image:none !important}#recipe-result .recipe .image img{visibility:hidden}#recipe-result .recipe .image img.favorite{visibility:unset;width:32px;height:32px;position:absolute;z-index:2;top:7px;right:7px;cursor:pointer}#recipe-result .recipe .image a{height:100%;max-height:var(--height)}#recipe-result .recipe .body{padding:10px 12px}#recipe-result .recipe .body .tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}#recipe-result .recipe .body .tags .tag{font-size:10px;background-color:#f7e1e1;border-radius:4px;padding:4px 6px}#recipe-result .recipe .body .title{font-weight:500;margin-bottom:6px}#recipe-result .recipe .body .meta{font-size:12px;display:flex;align-items:center;gap:4px}#recipe-result .recipe .body .meta svg{width:16px;height:16px}#recipe-result .tag{overflow:hidden;text-decoration:none;color:inherit}#recipe-result .tag .image{--height: 185px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;background-size:116px 116px;background-position:center;background-repeat:no-repeat;height:var(--height)}#recipe-result .tag .image.lazyload{background-image:none !important}#recipe-result .tag .image img{visibility:hidden}#recipe-result .tag .image a{height:100%;max-height:var(--height)}#recipe-result .category{background:#fff;border-radius:0px;overflow:hidden;border:1px solid #e9e3d7;text-decoration:none;color:inherit}#recipe-result .category .image{--height: 255px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;height:var(--height)}#recipe-result .category .image.ingredient{background-size:185px;background-color:#f8f4ee}#recipe-result .category .image.lazyload{background-image:none !important}#recipe-result .category .image img{visibility:hidden}#recipe-result .category .image a{height:100%;max-height:var(--height)}#recipe-result .category .body{padding:10px 12px}#recipe-result .category .body .tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}#recipe-result .category .body .tags .tag{font-size:10px;background-color:#f7e1e1;border-radius:4px;padding:4px 6px}#recipe-result .category .body .title{font-weight:500;margin-bottom:6px}#recipe-result .category .body .meta{font-size:12px;display:flex;align-items:center;gap:4px}#recipe-result .category .body .meta svg{width:16px;height:16px}@media screen and (max-width:675px){#recipe-result .category .image{--height: 200px}#recipe-result .category .body .title{font-size:14px}}@media screen and (max-width:675px){#recipe-result{grid-template-columns:repeat(2, 1fr)}#recipe-result .recipe .image{--height: 200px}#recipe-result .recipe .body .title{font-size:14px}}#pager{display:flex;align-items:center;justify-content:center;column-gap:5px;margin-bottom:24px}#pager a{background-color:#fff;border:1px solid #e9e3d7;border-radius:4px}#pager a,#pager span{display:inline-block;padding:4px 8px}#pager .current{font-weight:600}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}