.nv-ingredients__heading{font-size:clamp(28px,4vw,38px);font-weight:var(--nv-fw-bold);text-align:center;margin-block-end:16px}
.nv-ingredients__intro{font-size:16px;line-height:1.6;text-align:center;max-inline-size:640px;margin-inline:auto;margin-block-end:32px;color:var(--nv-text-muted)}
.nv-ingredients__list{display:flex;flex-direction:column;gap:16px;max-inline-size:720px;margin-inline:auto}

.nv-ingredient{border-radius:var(--nv-radius-lg);background:var(--nv-bg);border:1px solid var(--nv-border);overflow:hidden}
.nv-ingredient > summary{
  list-style:none;display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.nv-ingredient > summary::-webkit-details-marker{display:none}
.nv-ingredient__text{flex:1;min-inline-size:0}
.nv-ingredient__name{font-size:20px;font-weight:var(--nv-fw-bold);margin-block-end:4px}
.nv-ingredient__tagline{font-size:14px;color:var(--nv-text-muted)}
.nv-ingredient__media{position:relative;flex-shrink:0;inline-size:120px;block-size:96px;border-radius:var(--nv-radius-md);overflow:hidden;background:var(--nv-brand-050)}
.nv-ingredient__media img{inline-size:100%;block-size:100%;object-fit:cover}
.nv-ingredient__toggle{
  position:absolute;inset-block-end:6px;inset-inline-end:6px;
  inline-size:28px;block-size:28px;border-radius:50%;background:rgba(15,41,66,.7);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;transition:transform 250ms var(--nv-ease-in-out);
}
.nv-ingredient[open] .nv-ingredient__toggle{transform:rotate(45deg)}

.nv-ingredient__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 250ms var(--nv-ease-in-out)}
.nv-ingredient[open] .nv-ingredient__panel{grid-template-rows:1fr}
.nv-ingredient__panel-inner{overflow:hidden}
.nv-ingredient__body{padding:0 16px 16px;font-size:15px;line-height:1.6;color:var(--nv-text-muted);opacity:0;transition:opacity 250ms}
.nv-ingredient[open] .nv-ingredient__body{opacity:1;transition-delay:60ms}

@media(max-width:479px){
  .nv-ingredient__media{inline-size:88px;block-size:72px}
  .nv-ingredient__name{font-size:17px}
}
