.ingredients-section{max-width:1200px;margin:auto;padding:12px 20px}.ingredients-title{text-align:center;font-size:32px;font-weight:700}.ingredients-subtitle{text-align:center;color:#777;margin-bottom:30px}.content-toolbar{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex;position:relative}.search-field{border:1px solid #ddd;border-radius:8px;width:260px;padding:10px 14px}.filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:.9rem;display:flex}.filter-popup{z-index:10;background:#fff;border-radius:10px;width:300px;padding:16px;animation:.2s popupFade;position:absolute;top:40px;right:0;box-shadow:0 10px 30px #0000001a}.filter-group{margin-bottom:16px}.filter-title{margin-bottom:8px;font-size:14px;font-weight:600}.filter-wrapper .ingredients-count{display:none}.filter-wrapper{align-items:center;gap:8px;font-size:.8rem;display:flex}.alphabet-grid,.item-show{flex-wrap:wrap;gap:6px;display:flex}.alphabet-grid button,.filter-group button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:4px 8px;font-size:12px}button.active{color:#fff;background:#ff7a18;border-color:#ff7a18}.ingredients-grid{content-visibility:auto;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}.ingredients-count{text-align:center;color:#777}.pagination{justify-content:center;gap:6px;margin-top:30px;display:flex}.pagination .nav-btn.disabled{opacity:.5;cursor:not-allowed}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px}.pagination button.active{color:#fff;background:#ff7a18}@keyframes popupFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.ingredients-section{padding:12px 4px}.ingredients-title{font-size:20px}.ingredients-subtitle{margin-bottom:16px;font-size:.85rem}.content-toolbar{gap:12px}.search-field{width:100%;padding:8px 10px;font-size:13px}.filter-popup{left:auto;right:0}.ingredients-grid{gap:12px}.filter-btn{justify-content:center;width:100%;font-size:.85rem}}@media (min-width:481px) and (max-width:768px){.ingredients-section{padding:12px 20px}.ingredients-title{font-size:26px}.content-toolbar{flex-direction:column;gap:12px}.search-field,.filter-btn{width:100%}.ingredients-grid{grid-template-columns:repeat(2,1fr);gap:14px}.filter-popup{width:calc(100vw - 40px);left:20px;right:auto}}@media (min-width:1024px){.content-toolbar{flex-direction:row}.search-field,.filter-btn{width:auto}.ingredients-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px){.ingredients-section{padding:20px}.ingredients-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.ingredients-grid{grid-template-columns:repeat(5,1fr)}.ingredients-count{display:block}}