.ingredients-az-page{background-color:#f9f8f3;min-height:100vh;padding:2rem 0 4rem}.ingredients-container{background:#fff;border-radius:8px;max-width:1000px;margin:0 auto;padding:3rem;box-shadow:0 4px 20px #0000000d}.ingredients-az-page h1{color:#1a1a1a;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.search-section{margin-bottom:2rem}.search-wrapper{border:1px solid #ddd;border-radius:4px;align-items:center;padding:.5rem 1rem;display:flex}.search-wrapper input{border:none;outline:none;width:100%;padding:.5rem;font-size:1rem}.alphabet-filter{border-top:1px solid #eee;border-bottom:1px solid #eee;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;padding:1rem 0;display:flex}.alphabet-filter button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.alphabet-filter button:hover{color:#e55b13;border-color:#e55b13}.alphabet-filter button.disabled{opacity:.3;cursor:default}.ingredients-grid{flex-direction:column;gap:3rem;display:flex}.letter-group{border-top:2px solid #1a1a1a;padding-top:1rem}.letter-header{color:#fff;background:#1a1a1a;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:900;display:flex}.items-list{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.ingredient-item{color:#555;font-size:.95rem;text-decoration:none;transition:color .2s}.ingredient-item:hover{color:#e55b13}@media (max-width:768px){.items-list{grid-template-columns:repeat(2,1fr)}.ingredients-container{padding:1.5rem}}