.active-ingredients{--brand:#499a9f;--brand-tint:#499a9f1a;--brand-dark:#33767a;--ink:#1f2421;--muted:#5f6b68;--hint:#8a948f;--surface:#f4f6f5;--card:#fff;--border:#1f242124}.active-ingredients .active-ingredients__panel{background:var(--surface);border-radius:14px;padding:24px}.active-ingredients .section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:4px}.active-ingredients .section-head h2{color:var(--ink);font-size:20px;font-weight:600;margin:0}.active-ingredients .count{color:var(--hint);font-size:13px}.active-ingredients .lead{color:var(--muted);font-size:14px;margin:0 0 20px}.active-ingredients .grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.active-ingredients .card{background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;padding:16px 18px;-webkit-text-decoration:none;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.active-ingredients .card:hover{background:var(--brand-tint);border-color:var(--brand);box-shadow:0 4px 14px #499a9f26;transform:translateY(-2px)}.active-ingredients .card-top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.active-ingredients .card-top i{color:var(--brand);font-size:21px}.active-ingredients .card-name{color:var(--ink);font-size:15px;font-weight:600}.active-ingredients .card-desc{color:var(--muted);flex:1;font-size:13px;line-height:1.5;margin:0 0 12px}.active-ingredients .card-link{align-items:center;color:var(--brand);display:inline-flex;font-size:13px;font-weight:500;gap:4px}.active-ingredients .card-link i{font-size:15px;transition:transform .15s ease}.active-ingredients .card:hover .card-link{color:var(--brand-dark)}.active-ingredients .card:hover .card-link i{transform:translateX(3px)}.active-ingredients .toggle-row{margin-top:16px;text-align:center}.active-ingredients .toggle{align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:11px 18px;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:100%}.active-ingredients .toggle:hover{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-dark)}.active-ingredients .toggle i{font-size:16px}.active-ingredients .inci-note{align-items:center;color:var(--hint);display:flex;font-size:12px;gap:6px;margin:20px 0 0}.active-ingredients.no-js .toggle-row{display:none}@media (max-width:560px){.active-ingredients .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.active-ingredients .grid{grid-template-columns:1fr}}